Team:Braunschweig

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!--
+
<!DOCTYPE html>
-
Author: W3layouts
+
{{CSS/Main}}
-
Author URL: http://w3layouts.com
+
-
License: Creative Commons Attribution 3.0 Unported
+
-
License URL: http://creativecommons.org/licenses/by/3.0/
+
-
-->
+
-
<!DOCTYPE HTML>
+
<html>
<html>
-
<head>
+
<head>
-
<title>wildflat Website Template | Home :: w3layouts</title>
+
<title>iGEM Team Braunschweig Wiki 2014</title>
-
<link href="web/css/style.css" rel='stylesheet' type='text/css' />
+
 
-
<meta name="viewport" content="width=device-width, initial-scale=1">
+
 
-
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
+
<style type="text/css">
-
</script>
+
@import url(http://fonts.googleapis.com/css?family=Amatic+SC:700);
-
<!----webfonts---->
+
tr.top td { border-top: solid black; }
-
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
+
tr.bottom td { border-bottom: solid black; }
-
<!----//webfonts---->
+
tr.row td:first-child { border-left: solid black; }
-
<!---script---->
+
tr.row td:last-child { border-right: solid black; }
-
<script src="web/js/jquery.min.js"></script>
+
#menu {
-
<!---//script---->
+
margin:0;
-
<!-----768px-menu----->
+
padding:0;
-
<link type="text/css" rel="stylesheet" href="web/css/jquery.mmenu.all.css" />
+
width=80%;
-
<script type="text/javascript" src="web/js/jquery.mmenu.js"></script>
+
}
-
<script type="text/javascript">
+
#menu ul {
-
// The menu on the left
+
position: absolute;
-
$(function() {
+
        padding: 0;
-
$('nav#menu-left').mmenu();
+
margin:  0;
-
});
+
list-style: none;
-
</script>
+
background-repeat: no-repeat;
-
<!-----//768px-menu----->
+
background-image: url('https://static.igem.org/mediawiki/2014/8/82/BS-Navbar.gif');
-
<!---strat-slider---->
+
        background-size: 100% 100%;
-
    <link rel="stylesheet" type="text/css" href="web/css/style2.css" />
+
}
-
<script type="text/javascript" src="web/js/modernizr.custom.28468.js"></script>
+
 
-
<!---//strat-slider---->
+
#menu ul li {
-
</head>
+
float: left;
-
<body>
+
        padding-left: 10px;
-
<!----start-wrap---->
+
margin: 0 0 0 20px;
-
<!------start-768px-menu---->
+
font-size: 3.5vw;
-
<div id="page">
+
font-family: 'Amatic SC', cursive;
-
<div id="header">
+
        font-weight: bolder;
-
<a class="navicon" href="#menu-left"> </a>
+
        line-height: 70px;   
-
</div>
+
}
-
<nav id="menu-left">
+
 
-
<ul>
+
#menu ul li a {
-
<li class="active"><a href="#work">Work</a></li>
+
color: #61210B;
-
<li><a href="#about">About</a></li>
+
text-decoration: none;
-
<li><a href="#services">Services</a></li>
+
-webkit-transition: all .5s ease-in-out;
-
<li><a href="#news">News</a></li>
+
-moz-transition: all .5s ease-in-out;
-
<li><a href="#contact">Contact</a></li>
+
-o-transition: all .5s ease-in-out;
-
<li><a href="blog.html">Blog</a></li>
+
-ms-transition: all .5s ease-in-out;
-
</ul>
+
transition: all .5s ease-in-out;
-
</nav>
+
}
-
</div>
+
 
-
<!------start-768px-menu---->
+
#menu ul li a:hover {
-
<!----start-header---->
+
color: #a0522d;
-
<div class="header" id="move-top">
+
}
-
<div class="wrap">
+
 
-
<div class="header-left">
+
#menu ul ul {
-
<!----start-logo---->
+
position: absolute;
-
<div class="logo">
+
top: -9999px;
-
<a href="index.html"><img src="web/images/logo.png" title="wildflat" /> </a>
+
background: #fff;
-
</div>
+
padding: 0;
-
<!----//End-logo---->
+
margin: 0 0 0 -5px;
-
</div>
+
-webkit-box-shadow: 0 10px 20px #888;
-
<div class="header-right">
+
-moz-box-shadow: 0 10px 20px #888;
-
<!----start-top-nav---->
+
box-shadow: 0 10px 20px #888;
-
<div class="top-nav">
+
width: 20%;
-
<ul>
+
}
-
<li class="active"><a href="#work">Work</a></li>
+
 
-
<li><a href="#about">About</a></li>
+
#menu ul ul:before {
-
<li><a href="#services">Services</a></li>
+
position: absolute;
-
<li><a href="#news">News</a></li>
+
content:"";
-
<li><a href="#contact">Contact</a></li>
+
width: 10px;
-
<li><a href="blog.html">Blog</a></li>
+
height: 10px;
-
</ul>
+
top: -5px;
-
</div>
+
left: 20px;
-
<!----//End-top-nav---->
+
background: #FFF;
-
<!----start-search-box--->
+
-webkit-transform: rotate(45deg);
-
<div class="search">
+
-moz-transform: rotate(45deg);
-
<div class="search-box">
+
-o-transform: rotate(45deg);
-
<div id="sb-search" class="sb-search">
+
-ms-transform: rotate(45deg);
-
<form>
+
transform: rotate(45deg);
-
<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
+
}
-
<input class="sb-search-submit" type="submit" value="">
+
 
-
<span class="sb-icon-search"> </span>
+
#menu ul li:hover ul {
-
</form>
+
top: 60px;
-
</div>
+
}
-
</div>
+
 
-
<!----search-scripts---->
+
#menu ul ul li {
-
<script src="web/js/modernizr.custom.js"></script>
+
float: none;
-
<script src="web/js/classie.js"></script>
+
font-size: 30px;
-
<script src="web/js/uisearch.js"></script>
+
padding: 5px 10px;
-
<script>
+
text-align: left;
-
new UISearch( document.getElementById( 'sb-search' ) );
+
text-transform: uppercase;
-
</script>
+
margin: 0;
-
<!----//search-scripts---->
+
border-bottom: 1px solid #a0522d;
-
</div>
+
line-height: 20px;
-
</div>
+
-webkit-transition: all .5s ease-in-out;
-
<!----//End-search-box--->
+
-moz-transition: all .5s ease-in-out;
-
<div class="clear"> </div>
+
-o-transition: all .5s ease-in-out;
-
</div>
+
-ms-transition: all .5s ease-in-out;
-
<div class="clear"> </div>
+
transition: all .5s ease-in-out;
-
</div>
+
}
-
<!----//End-header---->
+
 
-
<!---- start-slider---->
+
#menu ul ul a {
-
<div class="slider">
+
color: #a0522d;
-
<!--End-top-nav---->
+
text-decoration: none;
-
<!---start-da-slider----->
+
}
-
<div id="da-slider" class="da-slider">
+
 
-
<div class="da-slide">
+
#menu ul ul li.all {
-
<label><span> </span></label>
+
font-size: 12px;
-
<h2>ONLY BOLD AND CLEAN IDEAS</h2>
+
border-bottom: none;
-
<p>FOR OUR CLIENTS WITH LOVE</p>
+
text-transform: none;
-
<i><a href="#"> </a></i>
+
}
-
<small><a href="#">scroll to see the entire site</a></small>
+
 
-
</div>
+
#menu ul ul li:hover {
-
<div class="da-slide">
+
background: #ddd;
-
<label><span> </span></label>
+
color: #a0522d;
-
<h2>ONLY BOLD AND CLEAN IDEAS</h2>
+
}
-
<p>FOR OUR CLIENTS WITH LOVE</p>
+
 
-
<i><a href="#"> </a></i>
+
 
-
<small><a href="#">scroll to see the entire site</a></small>
+
</style>
-
</div>
+
</head>
-
<div class="da-slide">
+
<body>
-
<label><span> </span></label>
+
<center>
-
<h2>ONLY BOLD AND CLEAN IDEAS</h2>
+
-
<p>FOR OUR CLIENTS WITH LOVE</p>
+
<table align="center" width="80%" boder="1px">
-
<i><a href="#"> </a></i>
+
 
-
<small><a href="#">scroll to see the entire site</a></small>
+
<!---------------------------- ANFANG HEADER USW --->
-
</div>
+
<tr border="0">
-
<nav class="da-arrows">
+
<img src="http://de.igem-braunschweig.de/wp-content/uploads/2014/06/cropped-iGEM-2014-Header-4-Logo.jpg">
-
<span class="da-arrows-prev"></span>
+
</tr>
-
<span class="da-arrows-next"></span>
+
 
-
</nav>
+
<tr>
-
</div>
+
<td style="border:1px solid black;" colspan="3" align="center" bgColor=#BE1E3C height="150px">
-
<script type="text/javascript" src="web/js/jquery.cslider.js"></script>
+
<h1>WELCOME TO THE "iGEM BRAUNSCHWEIG"-WIKI!</h1>
-
<script type="text/javascript">
+
Our Wiki is currently under construction.
-
$(function() {
+
<br>
-
+
In the meantime visit our <a href="http://de.igem-braunschweig.de/" target="_blank"><b>homepage</b></a> or our <a href="http://www.facebook.com/iGEMBraunschweig" target="_blank">Facebook page</a> for further information on our team and our project.   
-
$('#da-slider').cslider({
+
</td>
-
autoplay : true,
+
</tr>
-
bgincrement : 450
+
 
-
});
+
 
-
+
<!---------------------------- ANFANG MENU --->
-
});
+
<tr>
-
</script>
+
<td>
-
<!---//End-da-slider----->
+
        <div id="menu">
-
</div>
+
            <ul>
-
<!---- //End-slider---->
+
                <li>
-
<!---start-works---->
+
                    <a href="https://2014.igem.org/Team:Braunschweig">Home</a>
-
<!---image-hover-effects---->
+
                </li>
-
<script src="web/js/hover.zoom.js"></script>
+
                <li>
-
  <script>
+
                    <a href="https://2014.igem.org/Team:Braunschweig/Team">Team</a>
-
        $(function() {
+
                    <ul>
-
            $('.pink').hoverZoom({
+
                        <li><a href="#">Team</a></li>
-
                overlay: true, // false to turn off (default true)
+
                        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=Braunschweig">Official Team Profile</a>
-
                overlayColor: '#51A3C8', // overlay background color
+
                        <li><a href="#">Collaboration</a></li>
-
                overlayOpacity: 0.7, // overlay opacity
+
                        <li><a href="#">Gallery</a></li>
-
                zoom: 0, // amount to zoom (px)
+
<li><a href="https://2014.igem.org/Team:Braunschweig/Attributions">Attributions</a></li>
-
                speed: 300 // speed of the hover
+
                    </ul>
-
            });
+
                </li>
-
           
+
                <li>
-
           
+
                    <a href="https://2014.igem.org/Team:Braunschweig/Project">Project</a>
-
        });
+
                    <ul>
-
    </script>
+
                        <li><a href="#">Summary</a></li>
-
<!---//image-hover-effects---->
+
                        <li><a href="#">Problem</a></li>
-
<div class="works" id="work">
+
                        <li><a href="#">Idea</a></li>
-
<div class="wrap">
+
                        <li><a href="#">Solution</a></li>
-
<div class="head">
+
<li><a href="#">Results</a></li>
-
<span> </span>
+
<li><a href="#">Potential</a></li>
-
<h3>WILDFLAT works</h3>
+
<li><a href="#">Engineering Principles</a></li>
-
</div>
+
                    </ul>
-
<!---start-mfp ---->
+
                </li>
-
<div id="small-dialog1" class="mfp-hide">
+
                <li class = "cat4">
-
<div class="pop_up">
+
                    <a href="https://2014.igem.org/Team:Braunschweig/Parts">Parts</a>
-
<h2>Yours text place Here</h2>
+
                    <ul>
-
<p class="para">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.</p>
+
                        <li><a href="#">New Parts</a></li>
-
</div>
+
                        <li><a href="#">Improved Parts</a></li>
-
</div>
+
                        <li><a href="#">Part Collection</a></li>
-
<!---end-mfp ---->
+
                    </ul>
-
<div class="gallery">
+
                </li>
-
<div class="container">
+
                <li class = "cat5">
-
<ul id="filters" class="clearfix">
+
                    <a href="https://2014.igem.org/Team:Braunschweig/Modeling">Modeling</a>
-
<li><span class="filter" data-filter="app web">Web design</span></li>
+
                    <ul>
-
<li><span class="filter" data-filter="icon web card">LOGOTYPES</span></li>
+
                        <li><a href="#">Modeling Approach</a></li>
-
<li><span class="filter" data-filter="web app icon card">PRINT</span></li>
+
                        <li><a href="#">Mathematical Model</a></li>
-
<li><span class="filter active" data-filter="app card icon logo web">All</span></li>
+
                        <li><a href="#">Code</a></li>
-
</ul>
+
                    </ul>
-
<div id="portfoliolist" style="    ">
+
                </li>
-
<div class="portfolio logo1 mix_all" data-cat="logo" style="display: inline-block; opacity: 1;">
+
<li class = "cat6">
-
<div class="portfolio-wrapper">
+
                    <a href="https://2014.igem.org/Team:Braunschweig/Notebook">Notebook</a>
-
<a class="popup-with-zoom-anim zoom pink" href="#small-dialog1">
+
                    <ul>
-
<img src="web/images/p1.jpg" alt="Image 2" style="top: 0px;">
+
                        <li><a href="#">Protocols</a></li>
-
</a>
+
                        <li><a href="#">MMO</a></li>
-
</div>
+
                        <li><a href="#">His-Tag</a></li>
-
</div>
+
                    </ul>
-
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
+
                </li>
-
<div class="portfolio-wrapper">
+
<li class = "cat6">
-
<a class="popup-with-zoom-anim zoom pink" href="#small-dialog1">
+
                    <a href="https://2014.igem.org/Team:Braunschweig/Achievements">Achievements</a>
-
<img src="web/images/p2.jpg" alt="Image 2" style="top: 0px;">
+
                    <ul>
-
</a>
+
                        <li><a href="#">Human Practices</a></li>
-
</div>
+
                        <li><a href="#">Medal Requirements</a></li>
-
</div>
+
                        <li><a href="#">Judging</a></li>
-
<div class="portfolio web mix_all" data-cat="web" style="display: inline-block; opacity: 1;">
+
    </ul>
-
<div class="portfolio-wrapper">
+
                    <li class="cat7">
-
<a class="popup-with-zoom-anim zoom pink" href="#small-dialog1">
+
                    <a href="https://2014.igem.org/Team:Braunschweig/Safety">Safety</a>
-
<img src="web/images/p3.jpg" alt="Image 2" style="top: 0px;">
+
                    <ul>
-
</a>
+
                      <li><a href="#">Safety</a></li>
-
</div>
+
                  </ul>
-
</div>
+
      </ul>
-
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
+
-
<div class="portfolio-wrapper">
+
        <div id="menu">
-
<a class="popup-with-zoom-anim zoom pink" href="#small-dialog1">
+
</td>
-
<img src="web/images/p4.jpg" alt="Image 2" style="top: 0px;">
+
</tr>
-
</a>
+
<!------------------ ENDE MENU
-
</div>
+
</tr>
-
</div>
+
 
-
+
 
-
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
+
</tr>
-
<div class="portfolio-wrapper">
+
-
<a class="popup-with-zoom-anim zoom pink" href="#small-dialog1">
+
 
-
<img src="web/images/p5.jpg" alt="Image 2" style="top: 0px;">
+
 
-
</a>
+
 
-
</div>
+
 
-
</div>
+
</td>
-
+
 
-
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
+
<tr> <td colspan="3" height="15px"> </td></tr>
-
<div class="portfolio-wrapper">
+
<tr><td bgColor="#be1b3c" colspan="3" height="1px"> </tr>
-
<a class="popup-with-zoom-anim zoom pink" href="#small-dialog1">
+
<tr> <td colspan="3"  height="5px"> </td></tr>
-
<img src="web/images/p6.jpg" alt="Image 2" style="top: 0px;">
+
 
-
</a>
+
 
-
</div>
+
<!--requirements section -->
-
</div>
+
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
-
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
+
<tr>
-
<div class="portfolio-wrapper">
+
<td width="45%" valign="top">  
-
<a class="popup-with-zoom-anim zoom pink" href="#small-dialog1">
+
 
-
<img src="web/images/p7.jpg" alt="Image 2" style="top: 0px;">
+
<p> Please be sure to keep these links, your audience will want to find your: </p>
-
</a>
+
 
-
</div>
+
<!-- Links to other team pages -->
-
</div>
+
<ul>
-
+
<li><a href="https://2014.igem.org/Team:Braunschweig">Home</a> </li>
-
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
+
<li><a href="https://2014.igem.org/Team:Braunschweig/Team">Team</a> </li>
-
<div class="portfolio-wrapper">
+
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Braunschweig">Official Team Profile</a> </li>
-
<a class="popup-with-zoom-anim zoom pink" href="#small-dialog1">
+
<li><a href="https://2014.igem.org/Team:Braunschweig/Project">Project</a> </li>
-
<img src="web/images/p8.jpg" alt="Image 2" style="top: 0px;">
+
<li><a href="https://2014.igem.org/Team:Braunschweig/Parts">Parts</a> </li>
-
</a>
+
<li><a href="https://2014.igem.org/Team:Braunschweig/Modeling">Modeling</a> </li>
-
</div>
+
<li><a href="https://2014.igem.org/Team:Braunschweig/Notebook">Notebook</a> </li>
-
</div>
+
<li><a href="https://2014.igem.org/Team:Braunschweig/Safety">Safety</a> </li>
-
</div>
+
<li><a href="https://2014.igem.org/Team:Braunschweig/Attributions">Attributions</a> </li>
-
</div><!-- container -->
+
 
-
<div class="clear"> </div>
+
</ul>
-
<!---start-gallery-script----->
+
 
-
<script type="text/javascript" src="web/js/jquery.mixitup.min.js"></script>
+
</td>
-
<script type="text/javascript">
+
<td > </td>
-
$(function () {
+
<td width="45%">
-
var filterList = {
+
 
-
init: function () {
+
<p>There are a few wiki requirements teams must follow:</p>
-
// MixItUp plugin
+
<ul>
-
// http://mixitup.io
+
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li>
-
$('#portfoliolist').mixitup({
+
<li>All pages must be created under the team’s name space.</li>
-
targetSelector: '.portfolio',
+
<li>As part of your documentation, keep the links from the menu to the left. </li>
-
filterSelector: '.filter',
+
<li>Do not use flash in wiki code. </li>
-
effects: ['fade'],
+
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
-
easing: 'snap',
+
</ul>
-
// call the hover effect
+
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
-
onMixEnd: filterList.hoverEffect()
+
 
-
});
+
</td>
-
},
+
</tr>
-
hoverEffect: function () {
+
 
-
}
+
 
-
};
+
<tr> <td colspan="3" height="15px"> </td></tr>
-
// Run the show!
+
<tr><td bgColor="#be1b3c" colspan="3" height="1"> </tr>
-
filterList.init();
+
 
-
});
+
 
-
</script>
+
<!--tips  -->
-
<!-- Add fancyBox main JS and CSS files -->
+
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
-
<script src="web/js/jquery.magnific-popup.js" type="text/javascript"></script>
+
 
-
<link href="web/css/magnific-popup.css" rel="stylesheet" type="text/css">
+
<tr>
-
<script>
+
<td width="45%" valign="top">  
-
$(document).ready(function() {
+
<p>We are currently working on providing teams with some easy to use design templates.
-
$('.popup-with-zoom-anim').magnificPopup({
+
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
-
type: 'inline',
+
 
-
fixedContentPos: false,
+
<ul>
-
fixedBgPos: true,
+
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
-
overflowY: 'auto',
+
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
-
closeBtnInside: true,
+
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
-
preloader: false,
+
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
-
midClick: true,
+
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
-
removalDelay: 300,
+
</ul>
-
mainClass: 'my-mfp-zoom-in'
+
 
-
});
+
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p>
-
});
+
</td>
-
</script>
+
 
-
<!---//End-gallery-script----->
+
<td> </td>
-
<div class="clear"> </div>
+
<td width="45%">  
-
</div>
+
 
-
</div>
+
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
-
<div class="works-bg">
+
 
-
+
<ul>
-
</div>
+
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
-
</div>
+
<li>Be clear about what you are doing and what you plan to do.</li>
-
</div>
+
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
-
</div>
+
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
-
</div>
+
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
-
<!---//End-works---->
+
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
-
<!----start-about---->
+
<li>Have lots of fun! </li>
-
<div class="about" id="about">
+
</ul>
-
<div class="wrap">
+
</br>
-
<div class="head">
+
</td>
-
<span> </span>
+
</tr>
-
<h3>About WILDFLAT</h3>
+
<tr>
-
</div>
+
<td></td><td></td><td></td><td></td>
-
<div class="about-grids">
+
</tr>
-
<div class="about-grid">
+
</table>
-
<h3>TEAM</h3>
+
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet scelerisque orci. Donec molestie magna tincidunt lectus ornare, gravida molestie.</p>
+
-
</div>
+
-
<div class="about-grid">
+
-
<h3>CLIENTS</h3>
+
-
<p>Vivamus iaculis urna id dictum tempor. Praesent gravida ante nec imperdiet dignissim. Donec lacinia eget mi eu convallis. lacinia laoreet nulla.</p>
+
-
</div>
+
-
<div class="about-grid">
+
-
<h3>WORK</h3>
+
-
<p>Donec suscipit dolor lectus, in eleifend nunc blandit et. Mauris quis lacus eu est fringilla condimentum vitae vel purus. Nunc cursus nisi nec adipiscing ornare. </p>
+
-
</div>
+
-
<div class="clear"> </div>
+
-
</div>
+
-
<div class="clear"> </div>
+
-
</div>
+
-
</div>
+
-
<!----//End-about---->
+
-
<!----start-services---->
+
-
<div class="services" id="services">
+
-
<div class="wrap">
+
-
<div class="head">
+
-
<span> </span>
+
-
<h3>WildFlat Services</h3>
+
-
</div>
+
-
<div class="services-grids">
+
-
<div class="services-grid">
+
-
<div class="services-grid-left">
+
-
<span class="s-icon1"> </span>
+
-
</div>
+
-
<div class="services-grid-right">
+
-
<h4>WEB DESIGN</h4>
+
-
<p>Bacon ipsum dolor sit amet shank tri-tip pig, short loin pork belly boudin ground round flank sirloin bresaola filet mignon sausage beef ribs kielbasa. flow freely, we've created a studio where we can not only work but also have fun and learn.</p>
+
-
</div>
+
-
</div>
+
-
<div class="services-grid">
+
-
<div class="services-grid-left">
+
-
<span class="s-icon2"> </span>
+
-
</div>
+
-
<div class="services-grid-right">
+
-
<h4>Logotypes</h4>
+
-
<p>Curabitur mollis dapibus felis, eget rhoncus lorem. Praesent faucibus euismod varius. Maecenas luctus dui est, nec placerat purus tempus eu. Nullam id adipiscing ipsum. Integer sed erat quis est commodo varius et in tellus. </p>
+
-
</div>
+
-
</div>
+
-
<div class="services-grid">
+
-
<div class="services-grid-left">
+
-
<span class="s-icon3"> </span>
+
-
</div>
+
-
<div class="services-grid-right">
+
-
<h4>UI design</h4>
+
-
<p>Quisque non ornare nisi. Nam vel nulla euismod ipsum euismod faucibus ac vel magna. Integer hendrerit tellus eget lorem interdum ultrices. Aliquam gravida luctus lacus, in adipiscing massa egestas eu. Proin porta non lectus ac pellentesque. </p>
+
-
</div>
+
-
</div>
+
-
<div class="services-grid">
+
-
<div class="services-grid-left">
+
-
<span class="s-icon4"> </span>
+
-
</div>
+
-
<div class="services-grid-right">
+
-
<h4>Video</h4>
+
-
<p>Bacon ipsum dolor sit amet shank tri-tip pig, short loin pork belly boudin ground round flank sirloin bresaola filet mignon sausage beef ribs kielbasa. flow freely, we've created a studio where we can not only work but also have fun and learn.</p>
+
-
</div>
+
-
</div>
+
-
<div class="clear"> </div>
+
-
</div>
+
-
</div>
+
-
<div class="services-bg">
+
-
+
-
</div>
+
-
</div>
+
-
<!----//End-services---->
+
-
<!---start-purches-it---->
+
-
<div class="purches-it">
+
-
<h5>Like?</h5>
+
-
<a href="shortcodes.html">PURCHAISE IT NOW</a>
+
-
</div>
+
-
<!---//End-purches-it---->
+
-
<!--- start-latest-news---->
+
-
<div class="latest-news" id="news">
+
-
<div class="wrap">
+
-
<div class="head">
+
-
<span> </span>
+
-
<h3>LAtest NEWS</h3>
+
-
</div>
+
-
<!----news-grid-scroller---->
+
-
<script type="text/javascript" src="web/js/jquery.flexisel.js"></script>
+
-
<script type="text/javascript">
+
-
$(window).load(function() {
+
-
    $("#flexiselDemo3").flexisel({
+
-
        visibleItems: 3,
+
-
        animationSpeed: 1000,
+
-
        autoPlay: true,
+
-
        autoPlaySpeed: 3000,           
+
-
        pauseOnHover: true,
+
-
        enableResponsiveBreakpoints: true,
+
-
        responsiveBreakpoints: {
+
-
            portrait: {
+
-
                changePoint:480,
+
-
                visibleItems: 1
+
-
            },
+
-
            landscape: {
+
-
                changePoint:640,
+
-
                visibleItems: 2
+
-
            },
+
-
            tablet: {
+
-
                changePoint:768,
+
-
                visibleItems: 3
+
-
            }
+
-
        }
+
-
    });
+
-
});
+
-
</script>
+
-
<ul id="flexiselDemo3">
+
-
    <li>
+
-
    <div class="latest-news-grid">
+
-
    <h3>19/<span>09</span></h3>
+
-
    <p>Bacon ipsum dolor sit amet shank tri-tip pig, short loin pork belly boudin ground round flank sirloin bresaola filet mignon sausage beef ribs kielbasa.</p>
+
-
    </div>
+
-
    </li>
+
-
    <li>
+
-
    <div class="latest-news-grid">
+
-
    <h3>12/<span>09</span></h3>
+
-
    <p>Bacon ipsum dolor sit amet shank tri-tip pig, short loin pork belly boudin ground round flank sirloin bresaola filet mignon sausage beef ribs kielbasa.</p>
+
-
    </div>
+
-
    </li>
+
-
    <li>
+
-
    <div class="latest-news-grid">
+
-
    <h3>23/<span>08</span></h3>
+
-
    <p>Bacon ipsum dolor sit amet shank tri-tip pig, short loin pork belly boudin ground round flank sirloin bresaola filet mignon sausage beef ribs kielbasa.</p>
+
-
    </div>
+
-
    </li>
+
-
    <li>
+
-
    <div class="latest-news-grid">
+
-
    <h3>10/<span>08</span></h3>
+
-
    <p>Bacon ipsum dolor sit amet shank tri-tip pig, short loin pork belly boudin ground round flank sirloin bresaola filet mignon sausage beef ribs kielbasa.</p>
+
-
    </div>
+
-
    </li>
+
-
</ul>
+
-
<div class="clear"> </div>
+
-
<!----//news-grid-scroller---->
+
-
<!----latest-news-bottom-border---->
+
-
<div class="bottom-border">
+
-
<span> </span>
+
-
</div>
+
-
<!----//latest-news-bottom-border---->
+
-
</div>
+
-
</div>
+
-
<!--- //End-latest-news---->
+
-
<!----start-contact---->
+
-
<div class="contact" id="contact">
+
-
<div class="wrap">
+
-
<div class="contact-left">
+
-
<div class="contact-head">
+
-
<span> </span>
+
-
<h3>Contact US</h3>
+
-
</div>
+
-
<form>
+
-
<div class="form-left">
+
-
<input type="text" placeholder="Name" required />
+
-
<input type="text" placeholder="Email" required />
+
-
<input type="text" placeholder="Phone" required />
+
-
</div>
+
-
<div class="form-right">
+
-
<textarea rows="2" cols="70" onfocus="if(this.value == 'Comment') this.value='';" onblur="if(this.value == '') this.value='Comment';" >Comment</textarea>
+
-
</div>
+
-
<div class="clear"> </div>
+
-
<input type="submit" value="Send latter" />
+
-
<div class="clear"> </div>
+
-
</form>
+
-
</div>
+
-
<div class="contact-right">
+
-
<div class="contact-head">
+
-
<span> </span>
+
-
<h3>FLICKR STREAM</h3>
+
-
</div>
+
-
<div class="flicker-grids">
+
-
<ul>
+
-
<li><a href="#"><img src="web/images/f1.jpg" alt="" /></a></li>
+
-
<li><a href="#"><img src="web/images/f2.jpg" alt="" /></a></li>
+
-
<li><a href="#"><img src="web/images/f3.jpg" alt="" /></a></li>
+
-
<li><a href="#"><img src="web/images/f4.jpg" alt="" /></a></li>
+
-
<li><a href="#"><img src="web/images/f5.jpg" alt="" /></a></li>
+
-
<li><a href="#"><img src="web/images/f6.jpg" alt="" /></a></li>
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
<div class="clear"> </div>
+
-
</div>
+
-
</div>
+
-
<!----//End-contact---->
+
-
<!---- start-footer---->
+
-
<div class="footer">
+
-
<div class="wrap">  
+
-
<div class="footer-left">
+
-
<h2>FANKS FOR WATCHING, <span>I hope you enjoyed it</span></h2>
+
-
</div>
+
-
<div class="footer-right">
+
-
<ul>
+
-
<li><a class="youtube" href="#"><span> </span></a></li>
+
-
<li><a class="skye" href="#"><span> </span></a></li>
+
-
<li><a class="flicker" href="#"><span> </span></a></li>
+
-
<li><a class="rss" href="#"><span> </span></a></li>
+
-
<li><a class="twitter" href="#"><span> </span></a></li>
+
-
<li><a class="dribbble" href="#"><span> </span></a></li>
+
-
<div class="clear"> </div>
+
-
</ul>
+
-
</div>
+
-
<div class="clear"> </div>
+
-
</div>
+
-
</div>
+
-
<!---- //End-footer---->
+
-
<!----start-copy-right---->
+
-
<div class="copy-right">
+
-
<div class="wrap">
+
-
<p>Template by <a href="http://w3layouts.com/">W3layouts</a></p>
+
-
<!---scrolling---->
+
-
<script type="text/javascript" src="web/js/move-top.js"></script>
+
-
<script type="text/javascript">
+
-
$(function() {
+
-
  $('a[href*=#]:not([href=#])').click(function() {
+
-
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
+
-
+
-
      var target = $(this.hash);
+
-
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
+
-
      if (target.length) {
+
-
        $('html,body').animate({
+
-
          scrollTop: target.offset().top
+
-
        }, 1000);
+
-
        return false;
+
-
      }
+
-
    }
+
-
  });
+
-
});
+
-
</script>
+
-
<!---//scrolling---->
+
-
<script type="text/javascript">
+
-
$(document).ready(function() {
+
-
/*
+
-
var defaults = {
+
-
  containerID: 'toTop', // fading element id
+
-
containerHoverID: 'toTopHover', // fading element hover id
+
-
scrollSpeed: 1200,
+
-
easingType: 'linear'
+
-
};
+
-
*/
+
-
+
-
$().UItoTop({ easingType: 'easeOutQuart' });
+
-
+
-
});
+
-
</script>
+
-
    <a href="#move-top" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"> </span></a>
+
-
</div>
+
-
</div>
+
-
<!----//End-copy-right---->
+
-
<!----//End-wrap---->
+
-
</body>
+
-
</html>
+

Revision as of 12:03, 14 September 2014

<!DOCTYPE html> iGEM Team Braunschweig Wiki 2014

WELCOME TO THE "iGEM BRAUNSCHWEIG"-WIKI!

Our Wiki is currently under construction.
In the meantime visit our homepage or our Facebook page for further information on our team and our project.

Requirements

Please be sure to keep these links, your audience will want to find your:

There are a few wiki requirements teams must follow:

  • All pages, images and files must be hosted on the 2014.igem.org server.
  • All pages must be created under the team’s name space.
  • As part of your documentation, keep the links from the menu to the left.
  • Do not use flash in wiki code.
  • The iGEM logo should be placed on the upper part of every page and should link to 2014.igem.org.

Visit the Wiki How To page for a complete list of requirements, tips and other useful information.

Tips

We are currently working on providing teams with some easy to use design templates.
In the meantime you can also view other team wikis for inspiration! Here are some very good examples

For a full wiki list, you can visit iGEM 2013 web sites and iGEM 2012 web sites lists.

This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started:

  • State your accomplishments! Tell people what you have achieved from the start.
  • Be clear about what you are doing and what you plan to do.
  • You have a global audience! Consider the different backgrounds that your users come from.
  • Make sure information is easy to find; nothing should be more than 3 clicks away.
  • Avoid using very small fonts and low contrast colors; information should be easy to read.
  • Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the iGEM 2013 calendar
  • Have lots of fun!

Retrieved from "http://2014.igem.org/Team:Braunschweig"