Difference between revisions of "Team:SMMU-China/Notebook"

(Prototype team page)
 
Line 1: Line 1:
 
{{SMMU-China}}
 
{{SMMU-China}}
 
<html>
 
<html>
 +
<link rel="stylesheet" href="https://2018.igem.org/Template:SMMU-China/CSS_main?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_ToTheTop&action=raw&ctype=text/css" />
 +
<div id="page-wrapper">
 +
<!-- Header -->
 +
<section id="header">
  
 +
<!-- Logo -->
 +
<h1><a href="https://2018.igem.org/Team:SMMU-China">Ca<sup>2+</sup>RTIN</a></h1>
  
−
<div class="column full_size">
+
<!-- Nav -->
 +
<nav id="nav">
 +
<ul>
 +
<li ><a href="https://2018.igem.org/Team:SMMU-China">Home</a></li>
 +
<li >
 +
<a>Project</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Project/Description">Description</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Project/Design">Design</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Project/Experiments">Experiments</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Project/Overview">Overview</a></li>
 +
</ul>
 +
</li>
 +
<li >
 +
<a>Result</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Result/Demonstrate">Demonstrate</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Result/Basic_Part">Basic Part</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Result/Composite">Composite</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Result/Part_Collection">Part Collection</a></li>
 +
</ul>
 +
</li>
 +
<li class="current">
 +
<a>Lab</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Lab/Safety_Interlab">Safety & Interlab</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Lab/Notebook">Notebook</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a>Modeling</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Modeling/Model">Model</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Modeling/Software">Software</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a>HP</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/HP/Questionaire-interview">Questionaire-interview</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/HP/Collaboration">Collaboration</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a>Team</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Team/Team_Members">Team Members</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Team/Acknowledgement">Acknowledgement</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Team/Attributions">Attributions</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</nav>
  
−
<h1>Notebook</h1>
+
</section>
−
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
+
  
−
</div>
+
<!-- Main -->
−
<div class="clear"></div>
+
<section id="main">
 +
<div class="container">
  
 +
<!-- Content -->
 +
<article class="box post">
 +
<header>
 +
<h2>No Sidebar</h2>
 +
<p>Lorem ipsum dolor sit amet feugiat</p>
 +
</header>
 +
<p>
 +
Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante dignissim auctor
 +
hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at accumsan turpis commodo.
 +
Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam justo adipiscing ante.
 +
Pellentesque tempus nulla non urna eleifend ut ultrices nisi faucibus.
 +
Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante dignissim auctor
 +
hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at accumsan turpis commodo.
 +
Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam justo adipiscing ante.
 +
</p>
 +
<p>
 +
Praesent a dolor leo. Duis in felis in tortor lobortis volutpat et pretium tellus. Vestibulum ac ante nisl,
 +
a elementum odio. Duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis.
 +
placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
 +
eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
 +
elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor.
 +
</p>
 +
<section>
 +
<header>
 +
<h3>Something else</h3>
 +
</header>
 +
<p>
 +
Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis.
 +
placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
 +
eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
 +
elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor
 +
sit amet nullam consequat feugiat dolore tempus.
 +
Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis.
 +
placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
 +
eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
 +
elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor.
 +
</p>
 +
<p>
 +
Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
 +
eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
 +
elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor
 +
sit amet nullam consequat feugiat dolore tempus.
 +
</p>
 +
</section>
 +
<section>
 +
<header>
 +
<h3>So in conclusion ...</h3>
 +
</header>
 +
<p>
 +
Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
 +
eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
 +
elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor
 +
sit amet nullam consequat feugiat dolore tempus. Elementum odio duis semper risus et lectus commodo fringilla.
 +
Maecenas sagittis convallis justo vel mattis.
 +
</p>
 +
</section>
 +
</article>
  
 +
</div>
 +
</section>
  
−
<div class="column two_thirds_size">
+
<!-- Footer -->
−
<h3>What should this page have?</h3>
+
<section id="footer">
−
<ul>
+
<div class="container">
−
<li>Chronological notes of what your team is doing.</li>
+
<div class="row">
−
<li> Brief descriptions of daily important events.</li>
+
<div class="col-7 col-12-medium">
−
<li>Pictures of your progress. </li>
+
<section>
−
<li>Mention who participated in what task.</li>
+
<header>
−
</ul>
+
<h2>Brief report</h2>
 +
</header>
 +
<ul class="dates">
 +
<li>
 +
<span class="date">Sept <strong>27</strong></span>
 +
<h3><a href="#">Mathematical modeling</a></h3>
 +
<p>We have finished mathematical modeling for our project.</p>
 +
</li>
 +
<li>
 +
<span class="date">Sept <strong>7</strong></span>
 +
<h3><a href="#">CCiC conference</a></h3>
 +
<p>We attended the conference of China iGEMer community this week.</p>
 +
</li>
 +
<li>
 +
<span class="date">Sept <strong>1</strong></span>
 +
<h3><a href="#">Wiki online</a></h3>
 +
<p>Start building our Wiki Website.</p>
 +
</li>
 +
</ul>
 +
</section>
 +
</div>
 +
<div class="col-5 col-12-medium">
 +
<section>
 +
<header>
 +
<h2>Wanna contact us?</h2>
 +
</header>
 +
<!-- <ul class="social">
 +
<li><a class="icon fa-facebook" href="#"><span class="label">Facebook</span></a></li>
 +
<li><a class="icon fa-twitter" href="#"><span class="label">Twitter</span></a></li>
 +
<li><a class="icon fa-dribbble" href="#"><span class="label">Dribbble</span></a></li>
 +
<li><a class="icon fa-tumblr" href="#"><span class="label">Tumblr</span></a></li>
 +
<li><a class="icon fa-linkedin" href="#"><span class="label">LinkedIn</span></a></li>
 +
</ul> -->
 +
<ul class="contact">
 +
<li>
 +
<h3>Address</h3>
 +
<p>
 +
3rd floor, Library building<br />
 +
Second Military Medical University<br />
 +
800 Xiangyin Road, Yangpu, Shanghai, China
 +
</p>
 +
</li>
 +
<li>
 +
<h3>E-Mail</h3>
 +
<p><a href="mailto:hus@smmu.edu.cn">hus@smmu.edu.cn</a></p>
 +
</li>
 +
<li>
 +
<h3>Phone</h3>
 +
<p>+86 13701692043</p>
 +
</li>
 +
</ul>
 +
</section>
 +
</div>
 +
<div class="col-12">
  
−
</div>
+
<!-- Copyright -->
 +
<div id="copyright">
 +
<ul class="links">
 +
<li>&copy; Untitled. All rights reserved.</li>
 +
<!-- <li>Design: <a href="http://html5up.net">HTML5 UP</a></li> -->
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
<div id="shangxia2">
 +
<span id="gotop1">
 +
<img src="https://static.igem.org/mediawiki/2018/a/a0/T--SMMU-China--rocket.svg" alt="to the top">
 +
</span>
 +
</div>
 +
</div>
  
−
<div class="column third_size">
+
<!-- Scripts -->
−
<div class="highlight decoration_A_full">
+
<script src="https://2018.igem.org/Template:SMMU-China/JS_jquery_min?action=raw&ctype=text/javascript"></script>
−
<h3>Inspiration</h3>
+
<script src="https://2018.igem.org/Template:SMMU-China/JS_jquery_dropotron_min?action=raw&ctype=text/javascript"></script>
−
<p>You can see what others teams have done to organize their notes:</p>
+
<script src="https://2018.igem.org/Template:SMMU-China/JS_browser_min?action=raw&ctype=text/javascript"></script>
−
 
+
<script src="https://2018.igem.org/Template:SMMU-China/JS_breakpoints_min?action=raw&ctype=text/javascript"></script>
−
<ul>  
+
<script src="https://2018.igem.org/Template:SMMU-China/JS_util?action=raw&ctype=text/javascript"></script>
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
<script src="https://2018.igem.org/Template:SMMU-China/JS_main?action=raw&ctype=text/javascript"></script>
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
<script src="https://2018.igem.org/Template:SMMU-China/JS_RocketJquery_min?action=raw&ctype=text/javascript"></script>
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
<script src="https://2018.igem.org/Template:SMMU-China/JS_RocketScrollToPlugin_min?action=raw&ctype=text/javascript"></script>
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
<script src="https://2018.igem.org/Template:SMMU-China/JS_RocketTweenMax_min?action=raw&ctype=text/javascript"></script>
−
</ul>
+
<script>
−
</div>
+
$(function() {
−
</div>
+
$("#gotop1").click(function(e) {
 +
  TweenMax.to(window, 1.5, {scrollTo:0, ease: Expo.easeInOut});
 +
  var huojian = new TimelineLite();
 +
huojian.to("#gotop1", 1, {rotationY:720, scale:0.6, y:"+=40", ease:  Power4.easeOut})
 +
.to("#gotop1", 1, {y:-1000, opacity:0, ease:  Power4.easeOut}, 0.6)
 +
.to("#gotop1", 1, {y:0, rotationY:0, opacity:1, scale:1, ease: Expo.easeOut, clearProps: "all"}, "1.4");
 +
});
 +
});
 +
</script>
  
 +
<p id="last_p_label">
 
</html>
 
</html>

Revision as of 06:21, 2 October 2018

No Sidebar

Lorem ipsum dolor sit amet feugiat

Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante dignissim auctor hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at accumsan turpis commodo. Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam justo adipiscing ante. Pellentesque tempus nulla non urna eleifend ut ultrices nisi faucibus. Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante dignissim auctor hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at accumsan turpis commodo. Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam justo adipiscing ante.

Praesent a dolor leo. Duis in felis in tortor lobortis volutpat et pretium tellus. Vestibulum ac ante nisl, a elementum odio. Duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis. placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc, eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor.

Something else

Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis. placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc, eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet nullam consequat feugiat dolore tempus. Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis. placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc, eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor.

Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc, eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet nullam consequat feugiat dolore tempus.

So in conclusion ...

Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc, eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet nullam consequat feugiat dolore tempus. Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis.

to the top