Team:Braunschweig
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
- | + | <html lang="en"> | |
- | <html> | + | <script type="text/javascript"><!-- |
- | + | function ReplaceContentInContainer(id,content) { | |
- | + | var container = document.getElementById(id); | |
- | + | container.innerHTML = content; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | //--></script> | |
- | + | <head> | |
- | + | <title>E. Cowli - Fighting Climate Change - iGEM 2014 Team Braunschweig</title> | |
- | + | <meta name="keywords" content="" /> | |
- | + | <meta name="description" content="" /> | |
- | + | <meta charset="UTF-8"> | |
- | + | <script id="jquery" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | |
- | + | ||
- | + | <!-- Google Web Font Embed --> | |
- | + | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'> | |
- | + | ||
- | + | <!-- Bootstrap core CSS --> | |
- | + | <link href="css/bootstrap.css" rel='stylesheet' type='text/css'> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <!-- Custom styles for this template --> |
- | + | <link href="js/colorbox/colorbox.css" rel='stylesheet' type='text/css'> | |
- | < | + | <link href="css/templatemo_style.css" rel='stylesheet' type='text/css'> |
- | <!-- | + | <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> |
- | < | + | <!--[if lt IE 9]> |
- | < | + | <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> |
- | < | + | <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> |
+ | <![endif]--> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | var framefenster = document.getElementsByTagName("iFrame"); | ||
+ | var auto_resize_timer = window.setInterval("autoresize_frames()", 400); | ||
+ | function autoresize_frames() { | ||
+ | for (var i = 0; i < framefenster.length; ++i) { | ||
+ | if(framefenster[i].contentWindow.document.body){ | ||
+ | var framefenster_size = framefenster[i].contentWindow.document.body.offsetHeight; | ||
+ | if(document.all && !window.opera) { | ||
+ | framefenster_size = framefenster[i].contentWindow.document.body.scrollHeight; | ||
+ | } | ||
+ | framefenster[i].style.height = framefenster_size + 'px'; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | jquery(document).ready(function(){ | ||
+ | |||
+ | // Innerhalb der Liste href auslesen und durch # ersetzen, title-Attribut mit dem Wert des href schreiben | ||
+ | $("ul.liste a").each(function(){ | ||
+ | |||
+ | var url = $(this).attr("href"); | ||
+ | $(this).attr("title",url).attr("href","#"); | ||
+ | |||
+ | }); | ||
+ | |||
+ | // per Click entsprechende URL in das DIV laden, aber nur das DIV #seiteninhalt | ||
+ | $("ul.nav a").click(function(){ | ||
+ | var quelle = $(this).attr("title") + " #seiteninhalt"; | ||
+ | $("#igem-content").load(quelle); | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
- | < | + | </head> |
+ | |||
+ | <body> | ||
+ | <div class="templatemo-top-menu"> | ||
+ | <div class="container"> | ||
+ | <!-- Static navbar --> | ||
+ | <div class="navbar navbar-default" role="navigation"> | ||
+ | <div class="container"> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <img src="images/TU-BS_Logo-weiss.png" alt="iGEM 2014 TU Braunschweig Logo" title="iGEM2014 TU BS Logo" width="120px"/></a> | ||
+ | </div> | ||
+ | <div class="navbar-collapse collapse" id="templatemo-nav-bar"> | ||
+ | <ul id=nav class="nav navbar-nav navbar-right" style="margin-top: 40px;"> | ||
+ | <li id="home" class="active"><a href="#templatemo-top">HOME</a></li> | ||
+ | <li id="team"><a href="https://2013.igem.org/Team:Paris_Bettencourt/Results">Team</a></li> | ||
+ | <li id="project"><a href="#templatemo-portfolio">Project</a></li> | ||
+ | <li id="parts"><a href="#templatemo-blog">Parts</a></li> | ||
+ | <li id="modeling"><a rel="nofollow" href="http://www.google.com" class="external-link">Modeling</a></li> | ||
+ | <li id="notebook"><a href="#templatemo-contact">Notebook</a></li> | ||
+ | <li id="achievements"><a href="#templatemo-contact">Achievements</a></li> | ||
+ | <li id="safety"><a href="#templatemo-contact">Safety</a></li> | ||
+ | </ul> | ||
+ | </div><!--/.nav-collapse --> | ||
+ | </div><!--/.container-fluid --> | ||
+ | </div><!--/.navbar --> | ||
+ | </div> <!-- /container --> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <!-- Carousel --> | ||
+ | <div id="templatemo-carousel" class="carousel slide" data-ride="carousel"> | ||
+ | <!-- Indicators --> | ||
+ | <ol class="carousel-indicators"> | ||
+ | <li data-target="#templatemo-carousel" data-slide-to="0" class="active"></li> | ||
+ | <li data-target="#templatemo-carousel" data-slide-to="1"></li> | ||
+ | <li data-target="#templatemo-carousel" data-slide-to="2"></li> | ||
+ | </ol> | ||
+ | <div class="carousel-inner"> | ||
+ | <div class="item active"> | ||
+ | <div class="container"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h1>E. Cowli</h1> | ||
+ | <p>Fighting Climate Change where it begins.</p> | ||
- | < | + | </div> |
- | < | + | </div> |
- | < | + | </div> |
- | < | + | |
- | < | + | <div class="item"> |
- | < | + | <div class="container"> |
- | < | + | <div class="carousel-caption"> |
- | < | + | <div class="col-sm-6 col-md-6"> |
- | < | + | <h1>Slider 1 links</h1> |
- | + | <p>Suspendisse pellentesque, odio vel ultricies interdum, mauris nulla ullamcorper magna, non aliquet odio velit aliquam augue.</p> | |
- | + | </div> | |
+ | <div class="col-sm-6 col-md-6"> | ||
+ | <h1>Slider 1 rechts </h1> | ||
+ | <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam mattis fringilla urna.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="container"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h1>Slider 2</h1> | ||
+ | <p>This template is free to download and use for any website. This is a mobile-ready layout using Bootstrap framework.</p> | ||
+ | <p><a class="btn btn-lg btn-orange" href="#" role="button">Read More</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <a class="left carousel-control" href="#templatemo-carousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> | ||
+ | <a class="right carousel-control" href="#templatemo-carousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> | ||
+ | </div><!-- /#templatemo-carousel --> | ||
+ | </div> | ||
- | </ | + | <div class="templatemo-welcome" id="templatemo-welcome"> |
+ | <div class="container"> | ||
+ | <div class="templatemo-slogan text-center"> | ||
+ | <iFrame src="https://orionhub.org/file/yenni-OrionContent/iGEM-BS/web/index.html" width="100%" height="300px" order"no" scrolling="no"> | ||
+ | <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: | ||
+ | Sie können die eingebettete Seite über den folgenden Verweis | ||
+ | aufrufen:</p> | ||
+ | </iFrame> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="templatemo-service" id='igem-content'> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="templatemo-service-item"> | ||
+ | <div> | ||
+ | <img src="images/leaf.png" alt="icon" /> | ||
+ | <span class="templatemo-service-item-header">AWESOME ICONS</span> | ||
+ | </div> | ||
+ | <p>Nam porta adipiscing tortor, eget rutrum turpis bibendum ut. Donec eu lacus in diam euismod imperdiet eu ut turpis. Morbi felis orci, tincidunt pretium laoreet id, euismod et lacus. Praesent aliquet magna vitae mi elementum pharetra.</p> | ||
+ | <div class="text-center"> | ||
+ | <a href="#" | ||
+ | class="templatemo-btn-read-more btn btn-orange">READ MORE</a> | ||
+ | </div> | ||
+ | <br class="clearfix"/> | ||
+ | </div> | ||
+ | <div class="clearfix"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-4"> | ||
+ | <div class="templatemo-service-item" > | ||
+ | <div> | ||
+ | <img src="images/mobile.png" alt="icon"/> | ||
+ | <span class="templatemo-service-item-header">FULLY RESPONSIVE</span> | ||
+ | </div> | ||
+ | <p><a href="http://www.templatemo.com/preview/templatemo_395_urbanic">Urbanic</a> is free responsive HTML5 <a rel="nofollow" href="http://www.templatemo.com">website template</a> by templatemo. Credits go to <a rel="nofollow" href="http://getbootstrap.com">Bootstrap</a> for responsive layout and <a rel="nofollow" href="http://unsplash.com">Unsplash</a> for images used in this <a rel="nofollow" href="http://www.templatemo.com/page/1">free template</a>. Curabitur non eros ut dolor tincidunt interdum sit amet vitae quam.</p> | ||
+ | <div class="text-center"> | ||
+ | <a href="#" | ||
+ | class="templatemo-btn-read-more btn btn-orange">READ MORE</a> | ||
+ | </div> | ||
+ | <br class="clearfix"/> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="col-md-4"> | ||
+ | <div class="templatemo-service-item"> | ||
+ | <div> | ||
+ | <img src="images/battery.png" alt="icon"/> | ||
+ | <span class="templatemo-service-item-header">HIGH EFFICIENCY</span> | ||
+ | </div> | ||
+ | <p>Morbi imperdiet ipsum sit amet dui pharetra, vulputate porta neque tristique. Quisque id turpis tristique, venenatis erat sit amet, venenatis turpis. Ut tellus ipsum, posuere bibendum consectetur vel, egestas sit amet erat. Morbi rhoncus leo fermentum viverra.</p> | ||
+ | <div class="text-center"> | ||
+ | <a href="#" | ||
+ | class="templatemo-btn-read-more btn btn-orange">READ MORE</a> | ||
+ | </div> | ||
+ | <br class="clearfix"/> | ||
+ | </div> | ||
+ | <br class="clearfix"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
- | </ | + | |
- | < | + | <div class="templatemo-tweets"> |
- | < | + | <div class="container"> |
+ | <div class="row" style="margin-top:20px;"> | ||
+ | <div class="col-md-2"> | ||
+ | </div> | ||
+ | <div class="col-md-1"> | ||
+ | <img src="images/quote.png" alt="icon" /> | ||
+ | </div> | ||
+ | <div class="col-md-7 tweet_txt" > | ||
+ | <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit suspendiise as a molesti neque vestibulum, persiutsor de andues mare fricilus ipsum dolor sit amet cons forukus.</span> | ||
+ | <br/> | ||
+ | <span class="twitter_user">Moe Moe, Yangon</span> | ||
+ | </div> | ||
+ | <div class="col-md-2"> | ||
+ | </div> | ||
+ | </div><!-- /.row --> | ||
+ | </div><!-- /.container --> | ||
+ | </div> | ||
- | < | + | <div class="templatemo-partners" > |
- | + | <div class="container"> | |
- | + | <div class="row"> | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | |||
- | |||
+ | <div class="templatemo-line-header" > | ||
+ | <div class="text-center"> | ||
+ | <hr class="team_hr team_hr_left hr_gray"/><span class="txt_darkgrey">OUR PARTNERS</span> | ||
+ | <hr class="team_hr team_hr_right hr_gray" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clearfix"></div> | ||
- | |||
- | |||
+ | <div class="text-center"> | ||
- | < | + | <div style="margin-top:60px;"> |
- | < | + | <ul class="list-inline"> |
+ | <li class="col-sm-2 col-md-2 templatemo-partner-item"> | ||
+ | <a href="#"><img src="images/partner1.jpg" class="img-responsive" alt="partner 1" /></a> | ||
+ | </li> | ||
+ | <li class="col-sm-2 col-md-2 templatemo-partner-item"> | ||
+ | <a href="#"><img src="images/partner2.jpg" class="img-responsive" alt="partner 2" /></a> | ||
+ | </li> | ||
+ | <li class="col-sm-2 col-md-2 templatemo-partner-item"> | ||
+ | <a href="#"><img src="images/partner3.jpg" class="img-responsive" alt="partner 3" /></a> | ||
+ | </li> | ||
+ | <li class="col-sm-2 col-md-2 templatemo-partner-item"> | ||
+ | <a href="#"><img src="images/partner4.jpg" class="img-responsive" alt="partner 4" /></a> | ||
+ | </li> | ||
+ | <li class="col-sm-2 col-md-2 templatemo-partner-item"> | ||
+ | <a href="#"><img src="images/partner5.jpg" class="img-responsive" alt="partner 5" /></a> | ||
+ | </li> | ||
+ | <li class="col-sm-2 col-md-2 templatemo-partner-item"> | ||
+ | <a href="#"><img src="images/partner6.jpg" class="img-responsive" alt="partner 6" /></a> | ||
+ | </li> | ||
+ | </ul> | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | < | + | </div> |
- | + | </div> | |
- | < | + | </div> |
- | + | </div> | |
- | + | ||
- | + | ||
- | </ | + | |
- | |||
- | |||
- | < | + | <div class="templatemo-footer" > |
- | < | + | <div class="container"> |
+ | <div class="row"> | ||
+ | <div class="text-center"> | ||
- | < | + | <div class="footer_container"> |
+ | <ul class="list-inline"> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <span class="social-icon-fb"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <span class="social-icon-rss"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <span class="social-icon-twitter"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <span class="social-icon-linkedin"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <span class="social-icon-dribbble"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <div class="height30"></div> | ||
+ | <a class="btn btn-lg btn-orange" href="#" role="button" id="btn-back-to-top">Back To Top</a> | ||
+ | <div class="height30"></div> | ||
+ | </div> | ||
+ | <div class="footer_bottom_content">Copyright © 2084 <a href="#">Your Company Name</a> <!-- Credit: www.templatemo.com --></div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
- | < | + | <script src="js/jquery.min.js" type="text/javascript"></script> |
- | + | <script src="js/bootstrap.min.js" type="text/javascript"></script> | |
- | + | <script src="js/stickUp.min.js" type="text/javascript"></script> | |
- | < | + | <script src="js/colorbox/jquery.colorbox-min.js" type="text/javascript"></script> |
- | + | <script src="js/templatemo_script.js" type="text/javascript"></script> | |
- | + | <!-- templatemo 395 urbanic --> | |
- | < | + | <!-- |
- | < | + | Urbanic Template |
- | </ | + | http://www.templatemo.com/preview/templatemo_395_urbanic |
- | </ | + | --> |
- | </ | + | </body> |
- | < | + | </html> |
- | < | + | |
- | + | ||
- | </ | + | |
- | </ | + |
Revision as of 21:28, 21 September 2014
<!DOCTYPE html>
AWESOME ICONS
Nam porta adipiscing tortor, eget rutrum turpis bibendum ut. Donec eu lacus in diam euismod imperdiet eu ut turpis. Morbi felis orci, tincidunt pretium laoreet id, euismod et lacus. Praesent aliquet magna vitae mi elementum pharetra.
FULLY RESPONSIVE
Urbanic is free responsive HTML5 website template by templatemo. Credits go to Bootstrap for responsive layout and Unsplash for images used in this free template. Curabitur non eros ut dolor tincidunt interdum sit amet vitae quam.
HIGH EFFICIENCY
Morbi imperdiet ipsum sit amet dui pharetra, vulputate porta neque tristique. Quisque id turpis tristique, venenatis erat sit amet, venenatis turpis. Ut tellus ipsum, posuere bibendum consectetur vel, egestas sit amet erat. Morbi rhoncus leo fermentum viverra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit suspendiise as a molesti neque vestibulum, persiutsor de andues mare fricilus ipsum dolor sit amet cons forukus.
Moe Moe, Yangon
Moe Moe, Yangon