|
|
(181 intermediate revisions by 4 users not shown) |
Line 1: |
Line 1: |
− | <!DOCTYPE html>
| |
− | <!--
| |
− | To change this license header, choose License Headers in Project Properties.
| |
− | To change this template file, choose Tools | Templates
| |
− | and open the template in the editor.
| |
− | -->
| |
| <html> | | <html> |
− | <title>Methungeny</title> | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> |
− | <meta charset="UTF-8"> | + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
− | <meta name="viewport" content="width=device-width, initial-scale=1"> | + | <link rel="stylesheet" href="//www.methungeny.com/static/custom.css"> |
− | <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=Raleway"> | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> |
− | <style> | + | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> |
− | body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
− | .w3-third img{margin-bottom: -6px; opacity: 0.8; cursor: pointer} | + | |
− | .w3-third img:hover{opacity: 1} | + | <script> |
− | </style>
| + | $( document ).ready(function() { |
− | <body class="w3-light-grey w3-content" style="max-width:1600px">
| + | document.getElementById("content").style = "width: 100%; margin: 0px; padding: 0px;"; |
| + | if(document.getElementById("sideMenu") != null) { |
| + | document.getElementById("sideMenu").style="display: none;"; |
| + | } |
| | | |
− | <!-- Sidebar/menu -->
| + | if (document.getElementById("top_title") != null) { |
− | <nav class="w3-sidebar w3-bar-block w3-white w3-animate-left w3-text-grey w3-collapse w3-top w3-center" style="z-index:3;width:300px;font-weight:bold" id="mySidebar"><br>
| + | document.getElementById("top_title").style="display: none;"; |
− | <h3 class="w3-padding-64 w3-center"><b>MET<br>HUN<br>GENY</b></h3>
| + | } |
− | <a href="javascript:void(0)" onclick="w3_close()" class="w3-bar-item w3-button w3-padding w3-hide-large">CLOSE</a>
| + | |
− | <a href="#" onclick="w3_close()" class="w3-bar-item w3-button">PORTFOLIO</a>
| + | |
− | <a href="#about" onclick="w3_close()" class="w3-bar-item w3-button">ABOUT US</a>
| + | |
− | <a href="#mentor" onclick="w3_close()" class="w3-bar-item w3-button">MENTOR</a>
| + | |
− | <a href="#banner" onclick="w3_close()" class="w3-bar-item w3-button">BANNER</a>
| + | |
− |
| + | |
− | </nav>
| + | |
| | | |
− | <!-- Top menu on small screens -->
| + | if (document.getElementById("top_menu_14") != null) { |
− | <header class="w3-container w3-top w3-hide-large w3-white w3-xlarge w3-padding-16">
| + | document.getElementById("top_menu_14").style="height: 25px;"; |
− | <span class="w3-left w3-padding">MET HUN GENY</span>
| + | } |
− | <a href="javascript:void(0)" class="w3-right w3-button w3-white" onclick="w3_open()">☰</a>
| + | |
− | </header>
| + | |
| | | |
− | <!-- Overlay effect when opening sidebar on small screens -->
| + | }); |
− | <div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
| + | |
| + | </script> |
| | | |
− | <!-- !PAGE CONTENT! --> | + | <nav class="navbarmet navbar-inverse" style=" width: auto"> |
− | <div class="w3-main" style="margin-left:300px"> | + | <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=https://2017.igem.org/Team:Szeged_SA_RMG> |
| + | <img src="https://static.igem.org/mediawiki/2017/0/07/Methungeny_logo.png" style=" width:40px;"> </a></div> |
| + | <div class="collapse navbar-collapse" id="myNavbar"> |
| + | <ul class="nav navbar-nav"> |
| + | |
| + | <div class="dropdown"> |
| + | <button class="dropbtn">Team</button> |
| + | <div class="dropdown-content"> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/members">Members</a> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/mentors">Mentors</a> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/Attributions">Attributions</a> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/collaboration">Collaborations</a> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/pictures">Gallery</a> |
| + | </div> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn">Project</button> |
| + | <div class="dropdown-content"> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/summary">Summary</a> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/articles">Article</a> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/bioinfo">Bioinformatics</a> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/biobricks">Biobricks</a> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/presentation">Presentation</a> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/poster">Poster</a> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/references">References</a> |
| + | </div> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn">Human Practices</button> |
| + | <div class="dropdown-content"> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/survey">Survey</a> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/methane">Methane</a> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/highschooloutreach">High School Outreach</a> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/universityoutreach">University Outreach</a> |
| + | </div> |
| + | </div> |
| + | <div class="dropdown"> |
| + | <button class="dropbtn">Laboratory</button> |
| + | <div class="dropdown-content"> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/methods">Methods</a> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/labequipments">Lab Equipments</a> |
| + | <a href="https://2017.igem.org/Team:Szeged_SA_RMG/safety">Safety</a> |
| + | </div> |
| + | </div> |
| + | </ul> |
| + | <ul class="nav navbar-nav navbar-right"> |
| + | <li><a href="http:/www.methungeny.com">METHUNGENY</a></li> |
| + | </ul> |
| + | </div> |
| + | </div> |
| + | </nav> |
| | | |
− | <!-- Push down content on small screens -->
| + | </section> |
− | <div class="w3-hide-large" style="margin-top:83px"></div>
| + | <!--Mozgó képek--> |
− |
| + | <section> |
− | <!-- Photo grid -->
| + | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/a/aa/Methungeny_slides_number1.jpeg" |
− | <div class="w3-row">
| + | style="width:100%"> |
− | <div class="w3-third">
| + | <img class=" mySlides" src="https://static.igem.org/mediawiki/2017/9/99/Methungeny_slides_number2.jpeg" |
− | <img src="https://static.igem.org/mediawiki/2017/1/1d/Tarjan.jpg" style="width:100%" onclick="onClick(this)" alt="Márk Tarján:IT:Im responsible for this beauty">
| + | style="width:100%"> |
− | <img src="https://static.igem.org/mediawiki/2017/5/56/Torok.png" style="width:100%" onclick="onClick(this)" alt="Máté Török:Designer:My task is t give a look to our project.">
| + | <img class=" mySlides" src="https://static.igem.org/mediawiki/2017/2/24/Methungeny_slides_number3.jpeg" |
− | <img src="https://static.igem.org/mediawiki/2017/8/8d/Varga.jpg" style="width:100%" onclick="onClick(this)" alt="Vincent Varga:Public Relations:My main task is to advertise it in social networks and to gain reputation by them.">
| + | style="width:100%"> |
− | <!--Ezt a szart majd meg kell csinálnom!-->
| + | </section> |
− | <div id="menubar" class='left-menu noprint'>
| + | |
− | <ul>
| + | <script> |
− | <li
| + | var myIndex = 0; |
− | class='selected' ><a href="/Team:HUNGENIOUS">Page </a></li>
| + | carousel(); |
− | <li
| + | |
− | class='new' ><a href="/wiki/index.php?title=Talk:Team:HUNGENIOUS&action=edit&redlink=1">Discussion </a></li>
| + | |
− | <li
| + | |
− | ><a href="/wiki/index.php?title=Team:HUNGENIOUS&action=edit">View source </a></li>
| + | |
− | <li
| + | |
− | ><a href="/wiki/index.php?title=Team:HUNGENIOUS&action=history">History </a></li>
| + | |
− | <li style='color:white;cursor:default'>teams</li>
| + | |
− | </ul>
| + | |
− | </div> <!-- end menubar (left) -->
| + | |
| | | |
− | <div class="right-menu noprint" id="menubar">
| + | function carousel() { |
− | <ul>
| + | var i; |
− | <li id="pt-login"><a href="/wiki/index.php?title=Special:UserLogin&returnto=Team:HUNGENIOUS" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o">Log in</a></li> </ul>
| + | var x = document.getElementsByClassName("mySlides"); |
− | </div><!-- end right menubar -->
| + | for (i = 0; i < x.length; i++) { |
| + | x[i].style.display = "none"; |
| + | } |
| + | myIndex++; |
| + | if (myIndex > x.length) {myIndex = 1} |
| + | x[myIndex-1].style.display = "block"; |
| + | setTimeout(carousel, 2500); |
| + | } |
| + | </script> |
| + | </header> |
| | | |
− | <div id="search-controls" class="noprint"> | + | <div class="w3-row-padding w3-padding-64 w3-container"> |
− | <form action="/Special:Search" id="searchform">
| + | <div class="w3-content"> |
− | <input id="searchInput" name="search" type="text" title="Search 2014hs.igem.org [f]" accesskey="f" value="" />
| + | <div class="w3-twothird"> |
− | <input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />
| + | <h1>Introduction</h1> |
− | <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
| + | <p5 class="w3-text-grey">Methane is the second most emitted greenhouse gas with its 10% part in the whole greenhouse gas emission. |
− | </form>
| + | Our product would serve as an alternative to the existing infrared Methane Biosensors mostly in: industrial production |
− | </div> <!-- close search controls -->
| + | (e.g. to help prevent accidents caused by mine explosions); indoor air quality supervision mainly in developing countries where |
− | <!-- close top-section--> </div>
| + | 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 develop a Methane Biosensor. The sensor itself would be a transformed Bacteria.</p> |
| | | |
− | <div class="w3-third">
| + | <p5 class="w3-text-grey"> Our system is quite basic: if there |
− | <img src="https://static.igem.org/mediawiki/2017/b/b8/Sukosd.png" style="width:100%" onclick="onClick(this)" alt="Ákos Sükösd:Scientific Team Leader:In our group I'm responsible for the bioinformatics database.">
| + | is methane (or methanol) in the bacteria's immediate environment, the medium of the bacteria is going to manifest a basic color change</p5> |
− | <img src="https://static.igem.org/mediawiki/2017/b/bf/Otott.png" style="width:100%" onclick="onClick(this)" alt="Péter Ótott:Researcher::In this project I am involved in planning and carrying out the scientific experiments.">
| + | |
− | <img src="https://static.igem.org/mediawiki/2017/5/54/Mathe.png" style="width:100%" onclick="onClick(this)" alt="Lilla Máthé:Researcher:In this project I’m the curator of the scientific article’s data base.">
| + | |
− | <img src="https://static.igem.org/mediawiki/2017/7/79/Duda.png" style="width:100%" onclick="onClick(this)" alt="Máté Duda:Business:In this project I am responsible for fundraising in our team.">
| + | |
| </div> | | </div> |
− |
| + | <div> |
− | <div class="w3-third">
| + | <img src="https://static.igem.org/mediawiki/2017/0/07/Methungeny_logo.png" style="width:33%"> |
− | <img src="https://static.igem.org/mediawiki/2017/e/e6/Kocsis.jpg" style="width:100%" onclick="onClick(this)" alt="Endre Kocsis:Public Relations:I am figuring out the possible ways of the usage of our final product in different fields">
| + | </div> |
− | <img src="https://static.igem.org/mediawiki/2017/3/32/Harangozo.jpg" style="width:100%" onclick="onClick(this)" alt="Ákos Harangozó:Researcher:The basis of our Biomethane Sensor project originates from me."> | + | </div> |
− | <img src="https://static.igem.org/mediawiki/2017/b/bb/Halko.jpg" style="width:100%" onclick="onClick(this)" alt="Ádám Halkó:Researcher:I am responsible for creating the biosafety part in our project.">
| + | |
− |
| + | |
− | </div>
| + | |
− | </div>
| + | |
| | | |
− | <!-- Pagination -->
| |
− | <!--div class="w3-center w3-padding-32">
| |
− | <div class="w3-bar">
| |
− | <a href="#" class="w3-bar-item w3-button w3-hover-black">«</a>
| |
− | <a href="#" class="w3-bar-item w3-black w3-button">1</a>
| |
− | <a href="#" class="w3-bar-item w3-button w3-hover-black">2</a>
| |
− | <a href="#" class="w3-bar-item w3-button w3-hover-black">3</a>
| |
− | <a href="#" class="w3-bar-item w3-button w3-hover-black">4</a>
| |
− | <a href="#" class="w3-bar-item w3-button w3-hover-black">»</a>
| |
− | </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'">
| |
− | <span class="w3-button w3-black w3-xlarge w3-display-topright">×</span>
| |
− | <div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
| |
− | <img id="img01" class="w3-image">
| |
− | <p id="caption"></p>
| |
− | </div>
| |
− | </div>
| |
| | | |
− | <!-- About section -->
| |
− | <div class="w3-container w3-dark-grey w3-center w3-text-light-grey w3-padding-32" id="about">
| |
− | <h4><b>About Us</b></h4>
| |
− | <img src="https://static.igem.org/mediawiki/2017/c/c9/Logo.png" alt="Logo" class="w3-image w3-padding-32" width="600" height="650">
| |
− | <div class="w3-content w3-justify" style="max-width:600px">
| |
− | <h4>Our goal</h4>
| |
− | <p>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.
| |
− | </p>
| |
− | <p>mail: methungeny@gmail.com</p>
| |
− | <p>tel: 62-548-937</p>
| |
− | <hr class="w3-opacity">
| |
− | <h4 class="w3-padding-16">Technical Skills</h4>
| |
− | <p class="w3-wide">Photography</p>
| |
− | <div class="w3-white">
| |
− | <div class="w3-container w3-padding-small w3-center w3-grey" style="width:85%">85%</div>
| |
− | </div>
| |
− | <p class="w3-wide">Web Design</p>
| |
− | <div class="w3-white">
| |
− | <div class="w3-container w3-padding-small w3-center w3-grey" style="width:95%">95%</div>
| |
− | </div>
| |
− | <p class="w3-wide">Photoshop</p>
| |
− | <div class="w3-white">
| |
− | <div class="w3-container w3-padding-small w3-center w3-grey" style="width:80%">80%</div>
| |
− | </div>
| |
− | <p class="w3-wide">Biology</p>
| |
− | <div class="w3-white">
| |
− | <div class="w3-container w3-padding-small w3-center w3-grey" style="width:100%">100%</div>
| |
− | </div>
| |
− | <!--p><button class="w3-button w3-light-grey w3-padding-large w3-margin-top w3-margin-bottom">Download Resume</button></p>
| |
− | <hr class="w3-opacity"-->
| |
− |
| |
− | <!--h4 class="w3-padding-16">How much I charge</h4>
| |
− | <div class="w3-row-padding" style="margin:0 -16px">
| |
− | <div class="w3-half w3-margin-bottom">
| |
− | <ul class="w3-ul w3-white w3-center w3-opacity w3-hover-opacity-off">
| |
− | <li class="w3-black w3-xlarge w3-padding-32">Basic</li>
| |
− | <li class="w3-padding-16">Web Design</li>
| |
− | <li class="w3-padding-16">Photography</li>
| |
− | <li class="w3-padding-16">5GB Storage</li>
| |
− | <li class="w3-padding-16">Mail Support</li>
| |
− | <li class="w3-padding-16">
| |
− | <h2>$ 10</h2>
| |
− | <span class="w3-opacity">per month</span>
| |
− | </li>
| |
− | <li class="w3-light-grey w3-padding-24">
| |
− | <button class="w3-button w3-white w3-padding-large">Sign Up</button>
| |
− | </li>
| |
− | </ul>
| |
− | </div>
| |
| | | |
− | <div class="w3-half">
| |
− | <ul class="w3-ul w3-white w3-center w3-opacity w3-hover-opacity-off">
| |
− | <li class="w3-black w3-xlarge w3-padding-32">Pro</li>
| |
− | <li class="w3-padding-16">Web Design</li>
| |
− | <li class="w3-padding-16">Photography</li>
| |
− | <li class="w3-padding-16">50GB Storage</li>
| |
− | <li class="w3-padding-16">Endless Support</li>
| |
− | <li class="w3-padding-16">
| |
− | <h2>$ 25</h2>
| |
− | <span class="w3-opacity">per month</span>
| |
− | </li>
| |
− | <li class="w3-light-grey w3-padding-24">
| |
− | <button class="w3-button w3-white w3-padding-large">Sign Up</button>
| |
− | </li>
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | </div-->
| |
− | </div>
| |
− | <!--MENTOR-->
| |
− | <div class="w3-container w3-dark-grey w3-center w3-text-light-grey w3-padding-32" id="mentor">
| |
− | <h4><b>Our mentor</b></h4>
| |
− | <img src="https://static.igem.org/mediawiki/2017/5/56/Ban.jpg" alt="Mentor" class="w3-image w3-padding-32" width="400" height="450">
| |
− | <div class="w3-content w3-justify" style="max-width:600px">
| |
− | <h4>Sándor Bán</h4>
| |
− | <p>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.
| |
− | </p>
| |
− | <p>mail: bans@rmg.sulinet.hu</p>
| |
− |
| |
− | <!--BANNER-->
| |
− | <div class="w3-container w3-dark-grey w3-center w3-text-light-grey w3-padding-32" id="banner">
| |
− | <h4><b>Our Banner</b></h4>
| |
− | <img src="https://static.igem.org/mediawiki/2017/0/08/19648243_1689974014376254_550495854_o.jpg" alt="Banner" class="w3-image w3-padding-32" width="600" height="650">
| |
− |
| |
− | <!--EQUIPMENT-->
| |
− | <h4><b>Our Equipment</b></h4>
| |
− | <a href="http://termosz.net/wp-content/uploads/2015/04/Eszkozok.pdf"></a>
| |
− | <!-- Contact section >
| |
− | <div class="w3-container w3-light-grey w3-padding-32 w3-padding-large" id="contact">
| |
− | <div class="w3-content" style="max-width:600px">
| |
− | <h4 class="w3-center"><b>Contact Us</b></h4>
| |
− | <p>Do you want to contect us?Leave a little message!:)</p>
| |
− | <form action="/action_page.php" target="_blank">
| |
− | <div class="w3-section">
| |
− | <label>Name</label>
| |
− | <input class="w3-input w3-border" type="text" name="Name" required>
| |
− | </div>
| |
− | <div class="w3-section">
| |
− | <label>Email</label>
| |
− | <input class="w3-input w3-border" type="text" name="Email" required>
| |
− | </div>
| |
− | <div class="w3-section">
| |
− | <label>Message</label>
| |
− | <input class="w3-input w3-border" type="text" name="Message" required>
| |
− | </div>
| |
− | <button type="submit" class="w3-button w3-block w3-black w3-margin-bottom">Send Message</button>
| |
− | </form>
| |
| </div> | | </div> |
− | </div-->
| + | </div> |
| | | |
− | <!-- Footer -->
| + | <div class="w3-row-padding w3-light-grey w3-padding-64 w3-container"> |
− | <footer class="w3-container w3-padding-32 w3-grey">
| + | <div class="w3-content"> |
− | <div class="w3-row-padding">
| + | <div class="w3-third w3-center"> |
− | <!--div class="w3-third">
| + | </div> |
− | <h3>INFO</h3>
| + | |
− | <p>Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class="w3-third">
| + | |
− | <h3>BLOG POSTS</h3>
| + | |
− | <ul class="w3-ul">
| + | |
− | <li class="w3-padding-16 w3-hover-black">
| + | |
− | <img src="/w3images/workshop.jpg" class="w3-left w3-margin-right" style="width:50px">
| + | |
− | <span class="w3-large">Lorem</span><br>
| + | |
− | <span>Sed mattis nunc</span>
| + | |
− | </li>
| + | |
− | <li class="w3-padding-16 w3-hover-black">
| + | |
− | <img src="/w3images/gondol.jpg" class="w3-left w3-margin-right" style="width:50px">
| + | |
− | <span class="w3-large">Ipsum</span><br>
| + | |
− | <span>Praes tinci sed</span>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
| | | |
− | <div class="w3-third"> | + | <h1><center>Video Presentation</center></h1> |
− | <h3>POPULAR TAGS</h3>
| + | <div class="video_blokk" align="center"> |
− | <p>
| + | <p></p> |
− | <span class="w3-tag w3-black w3-margin-bottom">Travel</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">New York</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">London</span>
| + | <div class="video"> |
− | <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">IKEA</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">NORWAY</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">DIY</span> | + | <iframe width="850" height="478" src="//www.youtube.com/embed/uzFHVxEnAh0" frameborder="0" allowfullscreen></iframe> |
− | <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Ideas</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Baby</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Family</span>
| + | </div> |
− | <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">News</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Clothing</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Shopping</span>
| + | </div> |
− | <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Sports</span> <span class="w3-tag w3-dark-grey w3-small w3-margin-bottom">Games</span>
| + | |
− | </p>
| + | |
− | </div-->
| + | |
| </div> | | </div> |
− | </footer> | + | </div> |
− |
| + | |
− | <div class="w3-black w3-center w3-padding-24">Powered by <a href="http://www.radnoti-szeged.sulinet.hu/index.php?cmd=openpage" title="Coffein" target="_blank" class="w3-hover-opacity">Szegedi Radnóti Miklós Kísérleti Gimnázium</a></div>
| + | |
| | | |
− | <!-- End page content -->
| |
− | </div>
| |
| | | |
− | <script> | + | </body> |
− | // Script to open and close sidebar
| + | |
− | function w3_open() {
| + | |
− | document.getElementById("mySidebar").style.display = "block";
| + | |
− | document.getElementById("myOverlay").style.display = "block";
| + | |
− | }
| + | |
− |
| + | |
− | function w3_close() {
| + | |
− | document.getElementById("mySidebar").style.display = "none";
| + | |
− | document.getElementById("myOverlay").style.display = "none";
| + | |
− | }
| + | |
| | | |
− | // Modal Image Gallery | + | <center> |
− | function onClick(element) {
| + | <img src="//www.methungeny.com/images/footer.jpg" usemap="#image-map"> |
− | document.getElementById("img01").src = element.src;
| + | <map name="image-map"> |
− | document.getElementById("modal01").style.display = "block";
| + | <area target="_blank" alt="Miklós Radnóti Experimental High School" title="Miklós Radnóti Experimental High School" href="//www.rmg.hu" coords="-1,4,95,112" shape="rect"> |
− | var captionText = document.getElementById("caption");
| + | <area target="_blank" alt="Szeged Scientist Academy" title="Szeged Scientist Academy" href="http://www.nobel-szeged.hu/eng/index.php" coords="101,4,385,112" shape="rect"> |
− | captionText.innerHTML = element.alt;
| + | <area target="_blank" alt="Szegedi Tudományegyetem Természettudományi és Informatikai Kar" title="Szegedi Tudományegyetem Természettudományi és Informatikai Kar" href="http://www.sci.u-szeged.hu/" coords="434,53,47" shape="circle"> |
− | }
| + | <area target="_blank" alt="Nemzeti Tehetség Program" title="Nemzeti Tehetség Program" href="http://www.emet.gov.hu/" coords="485,3,734,108" shape="rect"> |
− | | + | <area target="_blank" alt="Biocenter" title="Biocenter" href="http://biocenter.hu/" coords="736,4,909,109" shape="rect"> |
− | </script> | + | <area target="_blank" alt="Bio-rad" title="Bio-rad" href="http://www.bio-rad.com/" coords="911,4,1107,109" shape="rect"> |
− | </div> | + | <area target="_blank" alt="Bio-science Hungary" title="Bio-science Hungary" href="http://www.bio-science.hu/" coords="1114,5,1186,108" shape="rect"> |
− | </div> | + | <area target="_blank" alt="Szegedi Biológiai Kutató Központ" title="Szegedi Biológiai Kutató Központ" href="http://www.brc.hu/" coords="1198,5,1301,108" shape="rect"> |
− | </div> | + | <area target="_blank" alt="Calysta" title="Calysta" href="http://calysta.com/" coords="1305,5,1495,109" shape="rect"> |
− | </div> | + | <area target="_blank" alt="Kész" title="Kész" href="http://www.kesz.hu/" coords="1499,6,1589,109" shape="rect"> |
− | </body> | + | <area target="_blank" alt="Emberi Erőforrás Támogatáskezelő" title="Emberi Erőforrás Támogatáskezelő" href="http://www.kormany.hu/hu/emberi-eroforrasok-miniszteriuma" coords="135,118,498,216" shape="rect"> |
| + | <area target="_blank" alt="DSMZ" title="DSMZ" href="https://www.dsmz.de/" coords="508,118,632,217" shape="rect"> |
| + | <area target="_blank" alt="Geneious" title="Geneious" href="https://www.geneious.com/about/" coords="639,118,867,217" shape="rect"> |
| + | <area target="_blank" alt="Invitrogen" title="Invitrogen" href="https://corporate.thermofisher.com/en/about-us/invitrogen.html" coords="875,118,1076,217" shape="rect"> |
| + | <area target="_blank" alt="MaBiTe" title="MaBiTe" href="http://www.mabite.info/" coords="1147,162,50" shape="circle"> |
| + | <area target="_blank" alt="NCIMB" title="NCIMB" href="http://ncimb.com/" coords="1205,113,1458,217" shape="rect"> |
| + | </map> |
| + | </center> |
| </html> | | </html> |