Difference between revisions of "Team:Amoy"

 
(293 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Amoy}}
+
<html xmlns="http://www.w3.org/1999/xhtml">
−
<html>
+
 
 
<head>
 
<head>
−
  <title>Amoy</title>
 
  
−
<style>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
−
* {
+
−
margin:0;
+
−
padding:0;
+
−
}
+
−
.grid {
+
−
margin: 40px auto 120px;
+
−
max-width: 1000px;
+
−
width: 90%;
+
−
}
+
−
.grid a {
+
−
float: left;
+
−
max-width: 250px;
+
−
width: 25%;
+
−
color: #333;
+
−
}
+
−
.grid a:nth-child(odd) {
+
−
margin: 30px 0 -30px 0;
+
−
}
+
−
.grid figure {
+
−
position: relative;
+
−
overflow: hidden;
+
−
margin: 5px;
+
−
background: #333;
+
−
}
+
−
.grid figure img {
+
−
position: relative;
+
−
display: block;
+
−
width: 100%;
+
−
opacity: 0.7;
+
−
-webkit-transition: opacity 0.3s;
+
−
transition: opacity 0.3s;
+
−
}
+
−
.grid figcaption {
+
−
position: absolute;
+
−
top: 0;
+
−
z-index: 11;
+
−
padding: 10px;
+
−
width: 100%;
+
−
height: 100%;
+
−
text-align: center;
+
−
}
+
−
.grid figcaption h2 {
+
−
margin: 0 0 20px 0;
+
−
color: #3498db;
+
−
text-transform: uppercase;
+
−
letter-spacing: 1px;
+
−
font-weight: 300;
+
−
font-size: 130%;
+
−
-webkit-transition: -webkit-transform 0.3s;
+
−
transition: transform 0.3s;
+
−
}
+
−
.grid figcaption p {
+
−
padding: 0 20px;
+
−
color: #aaa;
+
−
font-weight: 300;
+
−
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
+
−
transition: opacity 0.3s, transform 0.3s;
+
−
}
+
−
.grid figcaption h2, .grid figcaption p {
+
−
-webkit-transform: translateY(50px);
+
−
transform: translateY(50px);
+
−
}
+
−
.grid figure button {
+
−
position: absolute;
+
−
padding: 4px 20px;
+
−
border: none;
+
−
text-transform: uppercase;
+
−
letter-spacing: 1px;
+
−
font-weight: bold;
+
−
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
+
−
transition: opacity 0.3s, transform 0.3s;
+
−
}
+
−
.grid figcaption, .grid figcaption h2, .grid figcaption p, .grid figure button {
+
−
-webkit-backface-visibility: hidden;
+
−
backface-visibility: hidden;
+
−
}
+
−
/* Style for SVG */
+
−
.grid svg {
+
−
position: absolute;
+
−
top: -1px; /* fixes rendering issue in FF */
+
−
z-index: 10;
+
−
width: 100%;
+
−
height: 100%;
+
−
}
+
−
.grid svg path {
+
−
fill: #fff;
+
−
}
+
−
/* Hover effects */
+
−
.grid a:hover figure img {
+
−
opacity: 1;
+
−
}
+
−
.grid a:hover figcaption h2, .grid a:hover figcaption p {
+
−
-webkit-transform: translateY(0);
+
−
transform: translateY(0);
+
−
}
+
−
.grid a:hover figcaption p {
+
−
opacity: 0;
+
−
}
+
−
/* Individual styles */
+
−
.demo-1 body {
+
−
background: #3498db;
+
−
}
+
−
.demo-1 .grid figure button, .demo-3 .grid figure button {
+
−
top: 50%;
+
−
left: 50%;
+
−
border: 3px solid #fff;
+
−
background: transparent;
+
−
color: #fff;
+
−
opacity: 0;
+
−
-webkit-transform: translateY(-50%) translateX(-50%) scale(0.25);
+
−
transform: translateY(-50%) translateX(-50%) scale(0.25);
+
−
}
+
−
.demo-1 .grid a:hover figure button, .demo-3 .grid a:hover figure button {
+
−
opacity: 1;
+
−
-webkit-transform: translateY(-50%) translateX(-50%) scale(1);
+
−
transform: translateY(-50%) translateX(-50%) scale(1);
+
−
}
+
−
.demo-2 body {
+
−
background: #e74c3c;
+
−
}
+
−
.demo-2 .grid figcaption h2 {
+
−
color: #e74c3c;
+
−
}
+
−
.demo-2 .grid figcaption p {
+
−
-webkit-transition-delay: 0.05s;
+
−
transition-delay: 0.05s;
+
−
}
+
−
.demo-2 .grid figure button {
+
−
bottom: 0;
+
−
left: 0;
+
−
padding: 15px;
+
−
width: 100%;
+
−
background: #fff;
+
−
color: #333;
+
−
font-weight: 300;
+
−
-webkit-transform: translateY(100%);
+
−
transform: translateY(100%);
+
−
}
+
−
.demo-2 .grid a:hover figure button {
+
−
-webkit-transition-timing-function: ease-out;
+
−
transition-timing-function: ease-out;
+
−
-webkit-transform: translateY(0);
+
−
transform: translateY(0);
+
−
}
+
−
.demo-2 .grid figcaption h2, .demo-2 .grid figcaption p, .demo-3 .grid figcaption h2, .demo-3 .grid figcaption p {
+
−
-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.115, 1); /* older webkit */
+
−
-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.115, 1.445);
+
−
timing-function: cubic-bezier(0.250, 0.250, 0.115, 1.445);
+
−
}
+
−
.demo-2 .grid a:hover figcaption p, .demo-3 .grid a:hover figcaption p {
+
−
-webkit-transition-delay: 0s;
+
−
transition-delay: 0s;
+
−
-webkit-transition-duration: 0.1s;
+
−
transition-duration: 0.1s;
+
−
}
+
−
.demo-3 body {
+
−
background: #52be7f;
+
−
}
+
−
.demo-3 .grid figcaption h2 {
+
−
color: #52be7f;
+
−
}
+
−
.demo-3 .grid a:hover figcaption h2 {
+
−
-webkit-transform: translateY(5px);
+
−
transform: translateY(5px);
+
−
}
+
  
−
/* Media Queries */
+
<title>Aomy</title>
−
/* Let's redefine the width of each anchor and the margins */
+
  
−
@media screen and (max-width: 58em) {
+
<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
−
.grid a {
+
−
width: 33.333%;
+
−
}
+
−
.grid a:nth-child(odd) {
+
−
margin: 0;
+
−
}
+
−
.grid a:nth-child(3n-1) {
+
−
margin: 30px 0 -30px 0;
+
−
}
+
−
}
+
−
@media screen and (max-width: 45em) {
+
−
.grid {
+
−
max-width: 500px;
+
−
}
+
−
.grid a {
+
−
width: 50%;
+
−
}
+
−
.grid a:nth-child(3n-1) {
+
−
margin: 0;
+
−
}
+
−
.grid a:nth-child(even) {
+
−
margin: 30px 0 -30px 0;
+
−
}
+
−
.grid figcaption h2 {
+
−
margin-bottom: 0px;
+
−
-webkit-transform: translateY(30px);
+
−
transform: translateY(30px);
+
−
}
+
−
.grid figcaption p {
+
−
margin: 0;
+
−
padding: 0 10px;
+
−
}
+
−
}
+
−
@media screen and (max-width: 27em) {
+
−
.grid {
+
−
max-width: 250px;
+
−
}
+
−
.grid a {
+
−
width: 100%;
+
−
}
+
−
.grid a:nth-child(even) {
+
−
margin: 0;
+
−
}
+
−
}
+
  
−
</style>
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/BootstrapCss?action=raw&amp;ctype=text/css" />
 +
 
 +
<link rel="stylesheet" href="https://2015.igem.org/Template:Amoy/css/ScrollStyle?action=raw&amp;ctype=text/css" type="text/css" media="screen" />
 +
 
 +
<link rel="stylesheet" href="https://2015.igem.org/Template:Amoy/css/HomeCss?action=raw&amp;ctype=text/css" type="text/css" />
 +
 
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/HomeMenuCss?action=raw&amp;ctype=text/css" />
 +
 
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/HomeMenuJs?action=raw&amp;ctype=text/javascript"></script>
 
</head>
 
</head>
 +
 
<body>
 
<body>
−
  <div>
 
−
    <p>THIS IS OUR PROJECT NAME</p>
 
−
    <p>WELCOME TO AMOY CHINA</p>
 
−
    <img src="#"/>
 
−
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
 
−
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
 
−
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
 
−
    <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
 
−
  </div>
 
  
−
  <div class="container">
+
<!-- up -->
−
    <section id="grid" class="grid clearfix">
+
 
−
    <a href="http://www.lanrenzhijia.com/" data-path-hover="M 0,0 0,38 90,58 180.5,38 180,0 z">
+
<a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; display:none; background:url(https://static.igem.org/mediawiki/2015/c/c1/Amoy-Home_Up_pic.gif) no-repeat center center #147abc;"  href="javascript:;" class="lanrenzhijia_top"></a>
−
      <figure>
+
 
−
        <img src="http://demo.lanrenzhijia.com/2015/svg0116/images/lanrenzhijia1.png" />
+
<script>
−
        <svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="M 0 0 L 0 182 L 90 126.5 L 180 182 L 180 0 L 0 0 z "/></svg>
+
$(function(){
−
        <figcaption>
+
$(window).scroll(function(){
−
  <h2>Crystalline</h2>
+
var _top = $(window).scrollTop();
−
  <p>Soko radicchio bunya nuts gram dulse.</p>
+
if(_top>300){
−
  <button>View</button>
+
$('.lanrenzhijia_top').fadeIn(600);
−
        </figcaption>
+
}else{
−
      </figure>
+
$('.lanrenzhijia_top').fadeOut(600);
−
    </a>
+
}
−
    <a href="http://www.lanrenzhijia.com/" data-path-hover="M 0,0 0,38 90,58 180.5,38 180,0 z">
+
});
−
      <figure>
+
$(".lanrenzhijia_top").click(function(){
−
<img src="http://demo.lanrenzhijia.com/2015/svg0116/images/lanrenzhijia2.png" />
+
$("html,body").animate({scrollTop:0},400);
−
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="M 0 0 L 0 182 L 90 126.5 L 180 182 L 180 0 L 0 0 z "/></svg>
+
});
−
        <figcaption>
+
});
−
          <h2>Cacophony</h2>
+
</script>
−
          <p>Two greens tigernut soybean radish.</p>
+
 
−
          <button>View</button>
+
 
−
</figcaption>
+
<!-- skip -->
−
      </figure>
+
 
−
    </a>
+
<a class="down" href="javascript:;">
−
    <a href="http://www.lanrenzhijia.com/" data-path-hover="M 0,0 0,38 90,58 180.5,38 180,0 z">
+
<div style="position: fixed; margin-top: 40px; margin-left: 20px; width: 50px; height: 30px; background: #147abc; z-index: 999; text-align: center;">
−
      <figure>
+
<p style="color: #fff">Skip</p>
−
        <img src="http://demo.lanrenzhijia.com/2015/svg0116/images/lanrenzhijia3.png" />
+
</div>
−
        <svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="M 0 0 L 0 182 L 90 126.5 L 180 182 L 180 0 L 0 0 z "/></svg>
+
</a>
−
        <figcaption>
+
 
−
          <h2>Languid</h2>
+
<script>
−
  <p>Beetroot water spinach okra water.</p>
+
$(function(){
−
  <button>View</button>
+
$(".down").click(function(){
−
</figcaption>
+
$("html,body").animate({scrollTop:$('#menu').offset().top},400);
−
      </figure>
+
});
−
    </a>
+
});
−
    <a href="http://www.lanrenzhijia.com/" data-path-hover="M 0,0 0,38 90,58 180.5,38 180,0 z">
+
</script>
−
      <figure>
+
 
−
        <img src="http://demo.lanrenzhijia.com/2015/svg0116/images/lanrenzhijia4.png" />
+
<!--Scroll-->
−
        <svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="M 0 0 L 0 182 L 90 126.5 L 180 182 L 180 0 L 0 0 z "/></svg>
+
 
−
        <figcaption>
+
<div style="position:relative; margin-top: -40px; width: 100%; overflow: hidden;" class="slideshow grid_12">
−
          <h2>Serene</h2>
+
<div class="holder">
−
          <p>Water spinach arugula pea tatsoi.</p>
+
 
−
          <button>View</button>
+
<div id="wowslider-container">
−
        </figcaption>
+
 
−
      </figure>
+
<!--Scroll pic-->
−
    </a>
+
<div class="ws_images">
−
    </section>
+
<ul>
−
  </div>
+
<li><a href="#menu" id="ClickSkip"><img src="https://static.igem.org/mediawiki/2015/f/fa/Amoy-Home_Scroll_bg1.jpg" alt="123" title="" /></a></li>
 +
<li><a><img src="https://static.igem.org/mediawiki/2015/e/eb/Amoy-Home_pic1.JPG" alt="456" title="" /></a></li>
 +
<li><a><img src="https://static.igem.org/mediawiki/2015/2/22/Amoy-Home_pic3.jpg" alt="789" title="" /></a></li>
 +
</ul>
 +
</div>
 +
 
 +
<script>
 +
$(function(){
 +
$("#ClickSkip").click(function(){
 +
$("html,body").animate({scrollTop:$('#menu').offset().top},400);
 +
});
 +
});
 +
</script>
 +
 
 +
<!--little pic-->
 +
<div class="ws_bullets">
 +
<div>
 +
<a><img src="https://static.igem.org/mediawiki/2015/a/a8/Amoy-Home_pic0_s.jpg" alt="CSS3 Slider" /></a>
 +
<a><img src="https://static.igem.org/mediawiki/2015/0/0c/Amoy-Home_pic1_s.jpg" alt="CSS Slideshow" /></a>
 +
<a><img src="https://static.igem.org/mediawiki/2015/3/3e/Amoy-Home_pic3_s.jpg" alt="CSS Gallery" /></a>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/js/ScrollWowslider?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/ScrollScript?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<!--Main Content-->
 +
 
 +
<div class="content">
 +
 
 +
<!--title_circuits-->
 +
<div style="padding-top: 10px; padding-bottom: 10px;">
 +
<img style="width: 80%; margin-left: 10%;" src="https://static.igem.org/mediawiki/2015/1/14/Amoy-Home_Title_pic1.png"/>
 +
</div>
 +
 
 +
<!--bg_circuits-->
 +
<div style="background-image: url(https://static.igem.org/mediawiki/2015/4/4d/Amoy-Home_Content_bg1.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
 +
<div id="video_button" style="background-image: url(https://static.igem.org/mediawiki/2015/1/16/Amoy-Home_Content_button0.png); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed; cursor: url(https://static.igem.org/mediawiki/2015/0/01/Amoy-Cursor_figure.png), move;">
 +
</div>
 +
 
 +
<div id="video_out" style="background-color: #fff; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0; box-sizing: border-box; width: 100%; height: 100%; object-fit: contain; z-index: 9991;">
 +
<video id="video_mp4" src="https://static.igem.org/mediawiki/2015/e/ec/AMOY_album_video_2.0.mp4" controls style="width: 80%; height: 100%; margin-right: 10%; float: right;"></video>
 +
<button id="video_back" style="display: none; position: fixed; width: 70px; height: 50px; border-radius: 10px; background-color: #147abc; color: #fff; border: 0px; margin-top: 30px; margin-left: 1%;">Back</button>
 +
</div>
 +
 
 +
</div>
 +
 
 +
<script type="text/javascript">
 +
document.getElementById("video_button").onclick=function(){
 +
  document.getElementById("video_out").style.display="inline-block";
 +
  document.getElementById("video_back").style.display="inline-block";
 +
}
 +
</script>
 +
 
 +
<script type="text/javascript">
 +
document.getElementById("video_back").onclick=function(){
 +
  document.getElementById("video_out").style.display="none";
 +
  document.getElementById("video_back").style.display="none";
 +
}
 +
</script>
 +
 
 +
<!--title_result-->
 +
<div style="background: #fff; width: 100%; overflow: hidden">
 +
<a href="https://2015.igem.org/Team:Amoy/Project/Results"><img style="display: inline-block; float: left; margin-left: 4%; width: 44%;" src="https://static.igem.org/mediawiki/2015/a/a0/Amoy-Home_Title_word3.png" /></a>
 +
<img style="display: inline-block; float: right; margin-right: 4%; width: 44%;" src="https://static.igem.org/mediawiki/2015/7/78/Amoy-Home_Title_pic31.png" />
 +
</div>
 +
 
 +
<!--bg_experiment-->
 +
<div style="background-image: url(https://static.igem.org/mediawiki/2015/d/d2/Amoy-Home_Content_bg23.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 800px; background-attachment: fixed;">
 +
</div>
 +
<!--https://static.igem.org/mediawiki/2015/a/a4/Amoy-Home_Content_bg2.jpg-->
 +
 
 +
<!--title_experiment-->
 +
 
 +
<div style="background: #fff; width: 100%; height: 524px; ">
 +
<div style="position: relative; width: 100%; height: 524px; margin: 0 auto;">
 +
<div style="position: absolute; right: 3%; width: 41.66667%;">
 +
<a href="https://2015.igem.org/Team:Amoy/Notebook"><img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Title_word2.png" /></a>
 +
</div>
 +
<div>
 +
<img style="position: absolute; left: 3%; bottom: 0; width: 50%;" src="https://static.igem.org/mediawiki/2015/1/10/Amoy-Home_Title_pic2.png" />
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<!--bg_result-->
 +
<div style="background-image: url(https://static.igem.org/mediawiki/2015/4/4d/Amoy-Home_Content_bg33.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
 +
</div>
 +
 
 +
<!--main_menu-->
 +
<div id="menu" style="background: #fff; width: 100%; overflow: hidden">
 +
<img style="display: inline-block; float: right; margin-right: 1%; width: 40%;" src="https://static.igem.org/mediawiki/2015/b/bb/Amoy-Home_Title_word4.png" />
 +
<!--pic-->
 +
 
 +
 
 +
<!--menu_pic-->
 +
 
 +
<div id="function" style="width: 58%; padding-bottom: 50px; float: left; display: inline-block; background-image: url(https://static.igem.org/mediawiki/2015/4/4a/Amoy-Home_Title_pic4.png); background-size: cover; background-repeat: no-repeat; background-position-y: 20px; min-height: 500px;">
 +
            <div class="content-container">
 +
                <div id="portfolio-content" class="center-text">
 +
                    <div class="portfolio-page" id="page-1">
 +
 
 +
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Team">
 +
                                <img src="https://static.igem.org/mediawiki/2015/e/e4/Amoy-Home_Menu_func_team.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Team</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
 
 +
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Project">
 +
                                <img src="https://static.igem.org/mediawiki/2015/e/ea/Amoy-Home_Menu_func_project.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Project</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
 
 +
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Notebook">
 +
                                <img src="https://static.igem.org/mediawiki/2015/e/e9/Amoy-Home_Menu_func1.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Notebook</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
 
 +
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Interlab">
 +
                                <img src="https://static.igem.org/mediawiki/2015/2/20/Amoy-Home_Menu_func_interlab.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Interlab</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
 
 +
 
 +
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Newsletter">
 +
                                <img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Home_Menu_func_newsletter.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch" style="margin-top: 45px;">News</br>letter</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                                             
 +
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Practices">
 +
                                <img src="https://static.igem.org/mediawiki/2015/d/d6/Amoy-Home_Menu_func_practice.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Practice</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
 
 +
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Judging">
 +
                                <img src="https://static.igem.org/mediawiki/2015/c/c4/Amoy-Home_Menu_func_judging.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Judging</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
 
 +
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Safety">
 +
                                <img src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Menu_func_safety.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Safety</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
 
 +
                    </div>
 +
                </div>
 +
 
 +
            </div>
  
−
  <script src="http://www.lanrenzhijia.com/ajaxjs/snap.svg-min.js"></script>
+
        </div>
−
  <!--[if IE]>
+
−
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+
−
  <![endif]-->
+
−
  <script>
+
−
  (function() {
+
−
    function init() {
+
−
      var speed = 300,
+
−
      easing = mina.backout;
+
−
      [].slice.call ( document.querySelectorAll( '#grid > a' ) ).forEach( function( el ) {
+
−
        var s = Snap( el.querySelector( 'svg' ) ), path = s.select( 'path' ),
+
−
        pathConfig = {
+
−
        from : path.attr( 'd' ),
+
−
        to : el.getAttribute( 'data-path-hover' )
+
−
      };
+
  
−
      el.addEventListener( 'mouseenter', function() {
+
</div>
−
        path.animate( { 'path' : pathConfig.to }, speed, easing );
+
</div>
−
      } );
+
  
−
      el.addEventListener( 'mouseleave', function() {
+
<!--end content-->
−
        path.animate( { 'path' : pathConfig.from }, speed, easing );
+
</div>
−
      } );
+
−
    } );
+
−
  }
+
  
−
  init();
+
<!--footer-->
 +
<div style="width: 100%; background: #2a2a2a; padding-top: 10px; padding-bottom: 25px;">
 +
<img src="https://static.igem.org/mediawiki/2015/f/f2/Amoy-Footer_amoylogo.png" style="width: 10%; display: inline-block; position: relative; margin-left: 12%;" />
 +
<div style="display: inline-block; position: relative; top: 45px; width: 21%; margin-left: 2%;">
 +
<p style="font-size: 16px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px;">CONTACT US</p>
 +
<p style="font-size: 14px; color: #fff; margin-top: 5px;"><strong>Email:  </strong>igemxmu@gmail.com</p>
 +
<p style="font-size: 14px; color: #fff;"><strong>Website:  </strong><a href="https://2015.igem.org/Team:Amoy" target="_blank" style="color: #fff;">2015.igem.org/Team:Amoy</a></p>
 +
<p style="font-size: 14px; color: #fff;"><strong>Address:  </strong>Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005</p>
 +
</div>
 +
<a href="http://www.xmu.edu.cn/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/1/1f/Amoy-Footer_xmulogo.png" style="width: 10%; display: inline-block; margin-left: 5%;" /></a>
 +
<img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Footer_xmulname.png" style="width: 15%; display: inline-block; margin-left: 1%;" />
 +
<a href="https://www.facebook.com/amoyigem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/5/5b/Amoy-Footer_facebook.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
 +
<a href="https://www.twitter.com/Amoy_igem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/0/02/Amoy-Footer_twitter.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
 +
</div>
  
−
  })();
 
−
  </script>
 
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 02:33, 19 September 2015

Aomy

Skip

  • 123
  • 456
  • 789
CSS3 Slider CSS Slideshow CSS Gallery

CONTACT US

Email: igemxmu@gmail.com

Website: 2015.igem.org/Team:Amoy

Address: Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005