Difference between revisions of "Team:EPF Lausanne/Test"

Line 1: Line 1:
 
<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
 
<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
 +
  <head>
 +
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
    <meta name="generator" content="MediaWiki 1.16.5" />
 +
<link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:Aalto-Helsinki/Journal&amp;action=edit" />
 +
<link rel="edit" title="Edit" href="/wiki/index.php?title=Team:Aalto-Helsinki/Journal&amp;action=edit" />
 +
<link rel="shortcut icon" href="/favicon.ico" />
 +
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2015.igem.org (en)" />
 +
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:Aalto-Helsinki/Journal&amp;action=creativecommons" rel="meta" />
 +
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 +
<link rel="alternate" type="application/atom<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
 
   <head>
 
   <head>
Line 11: Line 22:
 
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 
<link rel="alternate" type="application/atom+xml" title="2015.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />  <title>Team:EPF_Lausanne/Journal - 2015.igem.org</title>
 
<link rel="alternate" type="application/atom+xml" title="2015.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />  <title>Team:EPF_Lausanne/Journal - 2015.igem.org</title>
 +
    <style type="text/css" media="screen, projection">/*<![CDATA[*/
 +
      @import "/wiki/skins/common/shared.css?270";
 +
      @import "/wiki/skins/igem/main.css?270";
 +
    /*]]>*/</style>
 +
    <link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
 +
    <!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
 +
    <!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
 +
    <!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
 +
    <!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
 +
    <!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
 +
    <meta http-equiv="imagetoolbar" content="no" /><![endif]-->
 +
   
 +
    <script>
 +
var skin="igem",
 +
stylepath="/wiki/skins",
 +
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
 +
wgArticlePath="/$1",
 +
wgScriptPath="/wiki",
 +
wgScriptExtension=".php",
 +
wgScript="/wiki/index.php",
 +
wgVariantArticlePath=false,
 +
wgActionPaths={},
 +
wgServer="https://2015.igem.org",
 +
wgCanonicalNamespace="",
 +
wgCanonicalSpecialPageName=false,
 +
wgNamespaceNumber=0,
 +
wgPageName="Team:EPF_Lausanne/Test",
 +
wgTitle="Team:EPF_Lausanne/Test",
 +
wgAction="view",
 +
wgArticleId=8760,
 +
wgIsArticle=true,
 +
wgUserName="Awowen",
 +
wgUserGroups=["*", "user", "autoconfirmed"],
 +
wgUserLanguage="en",
 +
wgContentLanguage="en",
 +
wgBreakFrames=false,
 +
wgCurRevisionId=403233,
 +
wgVersion="1.16.5",
 +
wgEnableAPI=true,
 +
wgEnableWriteAPI=true,
 +
wgSeparatorTransformTable=["", ""],
 +
wgDigitTransformTable=["", ""],
 +
wgMainPageTitle="Main Page",
 +
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2015.igem.org", "5": "2015.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
 +
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2015.igem.org": 4, "2015.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
 +
wgSiteName="2015.igem.org",
 +
wgCategories=[],
 +
wgMWSuggestTemplate="https://2015.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
 +
wgDBname="2015_igem_org",
 +
wgSearchNamespaces=[0],
 +
wgMWSuggestMessages=["with suggestions", "no suggestions"],
 +
wgRestrictionEdit=[],
 +
wgRestrictionMove=[],
 +
wgAjaxWatch={"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching...", "tooltip-ca-watchMsg": "Add this page to your watchlist", "tooltip-ca-unwatchMsg": "Remove this page from your watchlist"};
 +
</script>               
 +
    <script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
 +
    <!-- Head Scripts -->
 +
<script src="/wiki/skins/common/ajax.js?270"></script>
 +
<script src="/wiki/skins/common/ajaxwatch.js?270"></script>
 +
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
 +
    <script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;smaxage=0&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 +
  <!-- jQuery Javascript -->
 +
  <script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
 +
  <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 +
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
 +
  <script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
 +
  </head>
 +
 +
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_Aalto-Helsinki_Journal">
 +
  <div id="globalWrapper">
 +
 +
    <div id="top-section">
 +
  <div id="p-logo">
 +
      <a href="/Main_Page"
 +
        title="Main Page">
 +
      <!--<img src='https://2014.igem.org/images/wiki.png'>"-->
 +
      </a>
 +
  </div>  <!-- end p-logo -->
 +
  <script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
 +
 +
 +
  <div id="search-controls" class="noprint">
 +
    <form action="/Special:Search" id="searchform">
 +
    <input id="searchInput" name="search" type="text" title="Search 2014.igem.org [f]" accesskey="f" value="" />
 +
      <input type='submit' name="go" class="searchButton" id="searchGoButton"  value="Go" title="Go to a page with this exact name if exists" />&nbsp;
 +
          <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
 +
    </form>
 +
  </div> <!-- close search controls -->
 +
    </div> <!-- close top-section-->
 +
    <div id="content">
 +
    <a name="top" id="top"></a>
 +
        <h1 class="firstHeading">Team:EPF_Lausanne/Journal</h1>
 +
    <div id="bodyContent">
 +
      <h3 id="siteSub" class='noprint'>From 2015.igem.org</h3>
 +
      <div id="contentSub"></div>
 +
            <!--
 +
      <div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
 +
      <!-- start content -->
 +
      <p>
 +
      <link rel="stylesheet" href="css/style.css" />
 +
    <!--[if lt IE 9]>
 +
      <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
 +
    <![endif]-->
 +
<head>
 +
 +
<style type="text/css">
 +
 +
  #contentSub, #footer-box, #catlinks, #search-controls,
 +
  #p-logo, .printfooter, .firstHeading, .visualClear {
 +
      display: none;
 +
  }
 +
 +
  #top-section {     
 +
    border: 0 none;
 +
    height: 14px;
 +
    z-index: 100;
 +
    top: 0;
 +
    position: fixed;
 +
    width: 975px;
 +
    left: 50%;
 +
    margin-left: -487px;
 +
  }
 +
 
 +
  #globalWrapper, #content {   
 +
    width: 100%;
 +
    height: 100%;
 +
    border: 0px;
 +
    background-color: transparent;
 +
    margin: 0px;
 +
    padding: 0px;
 +
    font-size: 100%;
 +
  }
 +
 
 +
  html, body, .wrapper {   
 +
    width: 100%;
 +
    height: 100%;
 +
    background-color: transparent;
 +
  }
 +
 +
  .navbar {
 +
    margin: 0 auto;
 +
    margin-top: 1em;
 +
    padding: 1em;
 +
    border-radius: 0px;
 +
  }
 +
 +
</style>
 +
 +
   
 +
 +
    <!--
 +
    Stone Template
 +
    http://www.templatemo.com/preview/templatemo_452_stone
 +
    -->
 +
    <!-- Bootstrap Stylesheet -->
 +
    <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/bootstrap?action=raw&amp;ctype=text/css" type="text/css">
 +
   
 +
    <!-- FontAwesome Icons -->
 +
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 +
   
 +
    <!-- Normailize Stylesheet -->
 +
    <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/normalize?action=raw&amp;ctype=text/css" type="text/css">
 +
 +
    <!-- Main Styles -->
 +
    <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/templatemo-style?action=raw&amp;ctype=text/css" type="text/css">
 +
 +
    <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/mordernizr-2.6.2?action=raw&amp;ctype=text/js"></script>
 +
 +
</head>
 +
<body  class="loading">
 +
    <!--[if lt IE 7]>
 +
    <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
 +
    <![endif]-->
 +
 +
    <!-- HEADER -->
 +
    <div class="site-header">
 +
        <div class="container">
 +
            <div class="row">
 +
                <nav class="navbar navbar-default navbar-static-top">
 +
                    <div class="navbar-header">
 +
                        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#main-menu">
 +
                            <span class="sr-only">Toggle navigation</span>
 +
                            <i class="fa fa-bars"></i>
 +
                        </button>
 +
                        <a class="navbar-brand" href="index.html">Stone</a>
 +
                    </div>
 +
                    <div class="collapse navbar-collapse" id="main-menu">
 +
                        <ul class="nav navbar-nav navbar-right">
 +
                            <li><a href="index.html">Home</a></li>
 +
                            <li><a href="promotion.html">Promotion</a></li>
 +
                            <li><a href="products.html">Products</a></li>
 +
                            <li><a href="contact.html">Contact</a></li>
 +
                        </ul>
 +
                    </div>
 +
                </nav>       
 +
            </div>
 +
        </div>
 +
    </div> <!-- .site-header -->
 +
 +
 +
    <!-- SLIDER -->
 +
    <div class="site-slider">
 +
        <div class="flexslider">
 +
            <ul class="slides">
 +
                <li class="slide">
 +
                    <div class="overlay"></div>
 +
                    <img src="images/slide1.jpg" alt="">
 +
                    <div class="slider-caption">
 +
                        <div class="title">
 +
                            <h2>WEB DESIGN</h2>
 +
                            <h2>INSPIRATION</h2>
 +
                        </div>
 +
                        <a href="#" class="slider-button">Download</a>
 +
                    </div>
 +
                </li>
 +
                <li class="slide">
 +
                    <div class="overlay"></div>
 +
                    <img src="images/slide2.jpg" alt="">
 +
                    <div class="slider-caption">
 +
                        <div class="title">
 +
                            <h2>DEVELOPMENT</h2>
 +
                            <h2>TEMPLATEMO</h2>
 +
                        </div>
 +
                        <a href="#" class="slider-button">Read More</a>
 +
                    </div>
 +
                </li>
 +
            </ul>
 +
        </div> 
 +
    </div> <!-- .site-slider -->
 +
   
 +
 +
    <div class="first-section">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-6">
 +
                    <h3>Responsive Design</h3>
 +
                    <p>Stone template is provided by <a href="http://www.templatemo.com" target="_parent">templatemo</a> website. Credits go to Smashing Magazine for <a href="http://www.smashingmagazine.com/2012/11/20/art-professions-icons-png/">Art Professions Icon Set</a> and <a href="http://unsplash.com">Unsplash</a> for images. Praesent imperdiet orci se ante vehicula pulvinar. Morbi adipiscing molestie iaculis. Maecenas accumsan gravida est, quis placerat neque ullamcorper vitae.
 +
                  <br><br>Aenean cursus non neque at porta. Lorem ipsum dolor  amet, consectetur adipiscing elit. Praesent massa justo, eleifend ut purus sed, pellentesque scelerisque ligula. Fusce ullamcorper rutrum est, nec ullamcorper velit cursus eget.</p>
 +
                </div>
 +
                <div class="col-md-6 text-center">
 +
                    <div class="image-holder">
 +
                        <img src="images/1.png" alt="">
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 +
 +
    <div class="second-section">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-3 col-sm-6 text-center">
 +
                    <img src="images/s1.png" alt="">
 +
                    <h4>DRAW THE SCATCH</h4>
 +
                </div>
 +
                <div class="col-md-3 col-sm-6 text-center">
 +
                    <img src="images/s2.png" alt="">
 +
                    <h4>MIX IT UP</h4>
 +
                </div>
 +
                <div class="col-md-3 col-sm-6 text-center">
 +
                    <img src="images/s3.png" alt="">
 +
                    <h4>TAKE A PHOTO</h4>
 +
                </div>
 +
                <div class="col-md-3 col-sm-6 text-center">
 +
                    <img src="images/s4.png" alt="">
 +
                    <h4>PREVIEW PRINT</h4>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 +
 +
 +
    <div class="third-section">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-6">
 +
                    <h2>First Procedure</h2>
 +
                    <span>(Pellentesque ligula lectus)</span>
 +
                    <p>Praesent sit amet cursus urna. In nec lobortis tellus. Donec congue, urna non semper interdum, que nisi bibendum tellus, sed tempus tellus neque et leo. Cras laoreet mi sed nulla lobortis, epharetra eros laoreet.
 +
                    <br><br>Maecenas vitae ornare arcu. Phasellus gravida congue turpis, eu bibendum lorem molestie eget. Phasellus tristique sapien non placerat eleifend. Nam quis velit non quam bibendum vestibulum ac et purus.</p>
 +
                </div>
 +
                <div class="col-md-6">
 +
                    <h2>Second Procedure</h2>
 +
                    <span>(In nec lobortis tellus)</span>
 +
                    <ol class="no-color">
 +
                        <li>Pellentesque ligula lectus, molestie quis magna lobortis, placerat imperdiet elit.</li>
 +
                        <li>Praesent sit amet cursus urna. In nec lobortis tellus.</li>
 +
                        <li>Donec congue, urna non semper interdum, que nisi bibendum tellus.</li>
 +
                        <li>Cras laoreet mi sed nulla lobortis, epharetra eros laoreet.</li>
 +
                        <li>Donec convallis elementum convallis. Duis ac purus sem. Fusce id nunc tellus.</li>
 +
                    </ol>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col-md-6">
 +
                    <h2>Third Procedure</h2>
 +
                    <span>(Donec convallis elementum convallis)</span>
 +
                    <ol>
 +
                        <li>
 +
                            <h4>Pellentesque ligula lectus, molestie quis magna lobortis.</h4>
 +
                            <p>Praesent sit amet cursus urna. In nec lobortis tellus. Donec congue, urna non semper        interdum, que nisi bibendum tellus, sed tempus tellus neque et leo. </p>
 +
                        </li>
 +
                        <li>
 +
                            <h4>Cras laoreet mi sed nulla lobortis, epharetra eros laoreet.</h4>
 +
                            <p>Donec convallis elementum convallis. Duis ac purus sem. Fusce id nunc tellus. Maecenas vitae ornare arcu. Phasellus gravida congue turpis, eu bibendum.</p>
 +
                        </li>
 +
                        <li>
 +
                            <h4>Lorem molestie eget tristique sapien non placerat eleifend. </h4>
 +
                            <p>Nam quis velit non quam bibendum vestibulum ac et purus. Fusce id nunc tellus. Maecenas vitae ornare arcu.</p>
 +
                        </li>
 +
                    </ol>
 +
                </div>
 +
                <div class="col-md-6">
 +
                    <h2>Fourth Procedure</h2>
 +
                    <span>(Nam quis velit non quam bibendum)</span>
 +
                    <ol>
 +
                        <li>
 +
                            <h4>Pellentesque ligula lectus, molestie quis magna lobortis.</h4>
 +
                            <ol class="no-color">
 +
                                <li>Praesent sit amet cursus urna. In nec lobortis tellus.</li>
 +
                                <li>Donec congue, urna non semper interdum.</li>
 +
                                <li>Que nisi bibendum tellus, sed tempus tellus neque et leo.</li>
 +
                                <li>Cras laoreet mi sed nulla lobortis, epharetra eros laoreet.</li>
 +
                            </ol>
 +
                        </li>
 +
                        <li>
 +
                            <h4>Donec convallis elementum convallis. Duis ac purus sem.</h4>
 +
                            <ol class="no-color">
 +
                                <li>Fusce id nunc tellus. </li>
 +
                                <li>Maecenas vitae ornare arcu. </li>
 +
                                <li>Phasellus gravida congue turpis, eu bibendum lorem molestie eget. </li>
 +
                                <li>Phasellus tristique sapien non placerat eleifend.</li>
 +
                            </ol>
 +
                        </li>
 +
                    </ol>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 +
 +
    <div class="fourth-section">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12 text-center">
 +
                    <h2>NEW PRODUCT PROMOTION ?</h2>
 +
                    <a href="contact.html">(BE THERE RIGHT NOW)</a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 +
   
 +
 +
    <footer class="site-footer">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12 text-center">
 +
                    <ul class="social">
 +
                        <li class="twitter"><a href="#" class="fa fa-twitter"></a></li>
 +
                        <li class="facebook"><a href="#" class="fa fa-facebook"></a></li>
 +
                        <li class="rss"><a href="#" class="fa fa-rss"></a></li>
 +
                        <li class="linkedin"><a href="#" class="fa fa-linkedin"></a></li>
 +
                    </ul>
 +
                    <p>Copyright &copy; 2084 Company Name</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </footer>
 +
 +
    <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/jquery?action=raw&amp;ctype=text/js"></script>
 +
    <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/bootstrap?action=raw&amp;ctype=text/js"></script>
 +
    <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/plugins?action=raw&amp;ctype=text/js"></script>
 +
    <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/main?action=raw&amp;ctype=text/js"></script>   
 +
   
 +
</body>
 +
</html>+xml" title="2015.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />  <title>Team:EPF_Lausanne/Journal - 2015.igem.org</title>
 
     <style type="text/css" media="screen, projection">/*<![CDATA[*/
 
     <style type="text/css" media="screen, projection">/*<![CDATA[*/
 
       @import "/wiki/skins/common/shared.css?270";
 
       @import "/wiki/skins/common/shared.css?270";

Revision as of 13:32, 9 July 2015

--> Team:EPF_Lausanne/Journal - 2015.igem.org

 

Team:EPF_Lausanne/Journal

From 2015.igem.org

Responsive Design

Stone template is provided by templatemo website. Credits go to Smashing Magazine for Art Professions Icon Set and Unsplash for images. Praesent imperdiet orci se ante vehicula pulvinar. Morbi adipiscing molestie iaculis. Maecenas accumsan gravida est, quis placerat neque ullamcorper vitae.

Aenean cursus non neque at porta. Lorem ipsum dolor amet, consectetur adipiscing elit. Praesent massa justo, eleifend ut purus sed, pellentesque scelerisque ligula. Fusce ullamcorper rutrum est, nec ullamcorper velit cursus eget.

DRAW THE SCATCH

MIX IT UP

TAKE A PHOTO

PREVIEW PRINT

First Procedure

(Pellentesque ligula lectus)

Praesent sit amet cursus urna. In nec lobortis tellus. Donec congue, urna non semper interdum, que nisi bibendum tellus, sed tempus tellus neque et leo. Cras laoreet mi sed nulla lobortis, epharetra eros laoreet.

Maecenas vitae ornare arcu. Phasellus gravida congue turpis, eu bibendum lorem molestie eget. Phasellus tristique sapien non placerat eleifend. Nam quis velit non quam bibendum vestibulum ac et purus.

Second Procedure

(In nec lobortis tellus)
  1. Pellentesque ligula lectus, molestie quis magna lobortis, placerat imperdiet elit.
  2. Praesent sit amet cursus urna. In nec lobortis tellus.
  3. Donec congue, urna non semper interdum, que nisi bibendum tellus.
  4. Cras laoreet mi sed nulla lobortis, epharetra eros laoreet.
  5. Donec convallis elementum convallis. Duis ac purus sem. Fusce id nunc tellus.

Third Procedure

(Donec convallis elementum convallis)
  1. Pellentesque ligula lectus, molestie quis magna lobortis.

    Praesent sit amet cursus urna. In nec lobortis tellus. Donec congue, urna non semper interdum, que nisi bibendum tellus, sed tempus tellus neque et leo.

  2. Cras laoreet mi sed nulla lobortis, epharetra eros laoreet.

    Donec convallis elementum convallis. Duis ac purus sem. Fusce id nunc tellus. Maecenas vitae ornare arcu. Phasellus gravida congue turpis, eu bibendum.

  3. Lorem molestie eget tristique sapien non placerat eleifend.

    Nam quis velit non quam bibendum vestibulum ac et purus. Fusce id nunc tellus. Maecenas vitae ornare arcu.

Fourth Procedure

(Nam quis velit non quam bibendum)
  1. Pellentesque ligula lectus, molestie quis magna lobortis.

    1. Praesent sit amet cursus urna. In nec lobortis tellus.
    2. Donec congue, urna non semper interdum.
    3. Que nisi bibendum tellus, sed tempus tellus neque et leo.
    4. Cras laoreet mi sed nulla lobortis, epharetra eros laoreet.
  2. Donec convallis elementum convallis. Duis ac purus sem.

    1. Fusce id nunc tellus.
    2. Maecenas vitae ornare arcu.
    3. Phasellus gravida congue turpis, eu bibendum lorem molestie eget.
    4. Phasellus tristique sapien non placerat eleifend.

NEW PRODUCT PROMOTION ?

(BE THERE RIGHT NOW)

Copyright © 2084 Company Name

+xml" title="2015.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" /> <title>Team:EPF_Lausanne/Journal - 2015.igem.org</title>

   <style type="text/css" media="screen, projection">/*<![CDATA[*/
     @import "/wiki/skins/common/shared.css?270";
     @import "/wiki/skins/igem/main.css?270";
   /*]]>*/</style>
   <link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
   
   <script>

var skin="igem", stylepath="/wiki/skins", wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/", wgArticlePath="/$1", wgScriptPath="/wiki", wgScriptExtension=".php", wgScript="/wiki/index.php", wgVariantArticlePath=false, wgActionPaths={}, wgServer="https://2014.igem.org", wgCanonicalNamespace="", wgCanonicalSpecialPageName=false, wgNamespaceNumber=0, wgPageName="Team:Aalto-Helsinki/Journal", wgTitle="Team:Aalto-Helsinki/Journal", wgAction="view", wgArticleId=8760, wgIsArticle=true, wgUserName="Awowen", wgUserGroups=["*", "user", "autoconfirmed"], wgUserLanguage="en", wgContentLanguage="en", wgBreakFrames=false, wgCurRevisionId=403233, wgVersion="1.16.5", wgEnableAPI=true, wgEnableWriteAPI=true, wgSeparatorTransformTable=["", ""], wgDigitTransformTable=["", ""], wgMainPageTitle="Main Page", wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2015.igem.org", "5": "2015.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"}, wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2015.igem.org": 4, "2015.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7}, wgSiteName="2015.igem.org", wgCategories=[], wgMWSuggestTemplate="https://2015.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest", wgDBname="2015_igem_org", wgSearchNamespaces=[0], wgMWSuggestMessages=["with suggestions", "no suggestions"], wgRestrictionEdit=[], wgRestrictionMove=[], wgAjaxWatch={"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching...", "tooltip-ca-watchMsg": "Add this page to your watchlist", "tooltip-ca-unwatchMsg": "Remove this page from your watchlist"}; </script>

   <script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"></script>

<script src="/wiki/skins/common/ajax.js?270"></script> <script src="/wiki/skins/common/ajaxwatch.js?270"></script> <script src="/wiki/skins/common/mwsuggest.js?270"></script>

   <script type="text/javascript" src="/wiki/index.php?title=-&action=raw&smaxage=0&gen=js&useskin=igem"></script>
 <script type='text/javascript'         src ='/common/jquery-latest.min.js'></script>
 <script type='text/javascript'         src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
       <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
       <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
       <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
 <script type='text/javascript'         src ='/forum/forum_scripts.js'></script>
 </head>

<body class="mediawiki ltr ns-0 ns-subject page-Team_Aalto-Helsinki_Journal">

 <script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>


   <form action="/Special:Search" id="searchform">
   <input id="searchInput" name="search" type="text" title="Search 2014.igem.org [f]" accesskey="f" value="" />
      <input type='submit' name="go" class="searchButton" id="searchGoButton"  value="Go" title="Go to a page with this exact name if exists" /> 
          <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
   </form>
   <a name="top" id="top"></a>

Team:EPF_Lausanne/Journal

From 2015.igem.org

<link rel="stylesheet" href="css/style.css" /> <head> <style type="text/css"> #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear { display: none; } #top-section { border: 0 none; height: 14px; z-index: 100; top: 0; position: fixed; width: 975px; left: 50%; margin-left: -487px; } #globalWrapper, #content { width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; font-size: 100%; } html, body, .wrapper { width: 100%; height: 100%; background-color: transparent; } .navbar { margin: 0 auto; margin-top: 1em; padding: 1em; border-radius: 0px; } </style> <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/bootstrap?action=raw&ctype=text/css" type="text/css"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/normalize?action=raw&ctype=text/css" type="text/css"> <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/templatemo-style?action=raw&ctype=text/css" type="text/css"> <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/mordernizr-2.6.2?action=raw&ctype=text/js"></script> </head> <body class="loading">


  •                    <img src="images/slide1.jpg" alt="">
    

    WEB DESIGN

    INSPIRATION

                           <a href="#" class="slider-button">Download</a>
    
  •                    <img src="images/slide2.jpg" alt="">
    

    DEVELOPMENT

    TEMPLATEMO

                           <a href="#" class="slider-button">Read More</a>
    


Responsive Design

                   <p>Stone template is provided by <a href="http://www.templatemo.com" target="_parent">templatemo</a> website. Credits go to Smashing Magazine for <a href="http://www.smashingmagazine.com/2012/11/20/art-professions-icons-png/">Art Professions Icon Set</a> and <a href="http://unsplash.com">Unsplash</a> for images. Praesent imperdiet orci se ante vehicula pulvinar. Morbi adipiscing molestie iaculis. Maecenas accumsan gravida est, quis placerat neque ullamcorper vitae. 
                 

Aenean cursus non neque at porta. Lorem ipsum dolor amet, consectetur adipiscing elit. Praesent massa justo, eleifend ut purus sed, pellentesque scelerisque ligula. Fusce ullamcorper rutrum est, nec ullamcorper velit cursus eget.</p>
                       <img src="images/1.png" alt="">


                   <img src="images/s1.png" alt="">

DRAW THE SCATCH

                   <img src="images/s2.png" alt="">

MIX IT UP

                   <img src="images/s3.png" alt="">

TAKE A PHOTO

                   <img src="images/s4.png" alt="">

PREVIEW PRINT


First Procedure

                   (Pellentesque ligula lectus)
                   <p>Praesent sit amet cursus urna. In nec lobortis tellus. Donec congue, urna non semper interdum, que nisi bibendum tellus, sed tempus tellus neque et leo. Cras laoreet mi sed nulla lobortis, epharetra eros laoreet.
                   

Maecenas vitae ornare arcu. Phasellus gravida congue turpis, eu bibendum lorem molestie eget. Phasellus tristique sapien non placerat eleifend. Nam quis velit non quam bibendum vestibulum ac et purus.</p>

Second Procedure

                   (In nec lobortis tellus)
  1. Pellentesque ligula lectus, molestie quis magna lobortis, placerat imperdiet elit.
  2. Praesent sit amet cursus urna. In nec lobortis tellus.
  3. Donec congue, urna non semper interdum, que nisi bibendum tellus.
  4. Cras laoreet mi sed nulla lobortis, epharetra eros laoreet.
  5. Donec convallis elementum convallis. Duis ac purus sem. Fusce id nunc tellus.

Third Procedure

                   (Donec convallis elementum convallis)
  1. Pellentesque ligula lectus, molestie quis magna lobortis.

                               <p>Praesent sit amet cursus urna. In nec lobortis tellus. Donec congue, urna non semper         interdum, que nisi bibendum tellus, sed tempus tellus neque et leo. </p>
    
  2. Cras laoreet mi sed nulla lobortis, epharetra eros laoreet.

                               <p>Donec convallis elementum convallis. Duis ac purus sem. Fusce id nunc tellus. Maecenas vitae ornare arcu. Phasellus gravida congue turpis, eu bibendum.</p>
    
  3. Lorem molestie eget tristique sapien non placerat eleifend.

                               <p>Nam quis velit non quam bibendum vestibulum ac et purus. Fusce id nunc tellus. Maecenas vitae ornare arcu.</p>
    
  4.                    </ol>
    

Fourth Procedure

                   (Nam quis velit non quam bibendum)
  1. Pellentesque ligula lectus, molestie quis magna lobortis.

    1. Praesent sit amet cursus urna. In nec lobortis tellus.
    2. Donec congue, urna non semper interdum.
    3. Que nisi bibendum tellus, sed tempus tellus neque et leo.
    4. Cras laoreet mi sed nulla lobortis, epharetra eros laoreet.
  2. Donec convallis elementum convallis. Duis ac purus sem.

    1. Fusce id nunc tellus.
    2. Maecenas vitae ornare arcu.
    3. Phasellus gravida congue turpis, eu bibendum lorem molestie eget.
    4. Phasellus tristique sapien non placerat eleifend.
       </div>
   </div>


NEW PRODUCT PROMOTION ?

                   <a href="contact.html">(BE THERE RIGHT NOW)</a>


   <footer class="site-footer">
                   <p>Copyright © 2084 Company Name</p>
   </footer>
   <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/jquery?action=raw&ctype=text/js"></script>
   <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/bootstrap?action=raw&ctype=text/js"></script>
   <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/plugins?action=raw&ctype=text/js"></script>
   <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/main?action=raw&ctype=text/js"></script>    
   

</body>

</html>