Difference between revisions of "Team:FAFU-CHINA"

Line 1: Line 1:
−
<!DOCTYPE HTML>
+
<html xmlns="http://www.w3.org/1999/xhtml">
−
<html>
+
 
 
<head>
 
<head>
−
<title>Home</title>
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
−
<meta name="keywords" content="Screative Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,  
+
<title>Aomy</title>
−
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
+
 
−
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
+
<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
−
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
+
 
−
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+
<style type="text/css">
−
<!-- Custom Theme files -->
+
 
−
<link href="css/style.css" rel='stylesheet' type='text/css' />
+
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
−
<!-- Custom Theme files -->
+
{margin: 0; padding: 0; font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif; font-size: 100%;}
−
<!--webfont-->
+
html,body
−
<link href='http://fonts.useso.com/css?family=Lato:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
+
{color: #333}
−
<link href='http://fonts.useso.com/css?family=Francois+One' rel='stylesheet' type='text/css'>
+
body
−
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
+
{background: #fff;}
−
<!-- must have -->
+
ul,ol,li
−
<link href="css/allinone_carousel.css" rel="stylesheet" type="text/css">
+
{list-style: none;}
−
<script src="js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
+
a:link, a:visited
−
<script src="js/allinone_carousel.js" type="text/javascript"></script>
+
{color: #333; text-decoration: none;}
−
<!--[if IE]><script src="js/excanvas.compiled.js" type="text/javascript"></script><![endif]-->
+
a:hover
−
<!-- must have -->
+
{color: #12b7f5;}
−
<script>
+
img
−
jQuery(function() {
+
{border: none;}
 +
em
 +
{font-style: normal;}
 +
h1,h2,h3,h4,h5
 +
{font-weight: normal;}
 +
 
 +
 
 +
.crossbanenr{ width: 100%; height: 578px;}
 +
.crossbanenr ul{ position: relative; width: 100%; height: 100%; overflow: hidden; margin: 0 auto;}
 +
.crossbanenr li{ position: absolute; left: 50%; top: 0; width: 1920px; height: 100%; margin: 0 0 0 -960px; display: none; z-index: 1;}
 +
.crossbanenr li:first-child{ display: block;}
 +
.crossbanenr li.current{ z-index: 2;}
 +
.crossbanenr li.pcqqbg{ background: transparent url(https://static.igem.org/mediawiki/2015/archive/3/38/20150704080529%21Background1.jpg) no-repeat center top;}
 +
 
 +
.bncont{ position: relative; width: 948px; height: 100%; margin: 0 auto;}
 +
.bntxt{ position: absolute;  left: -53px; top: 50%; width: 500px; height: 390px; margin-top: -195px; z-index: 10;}
 +
.bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-indent: -9999px;}
 +
.bntxt a{ display: block; width: 386px; height: 0; overflow: hidden; margin: 0 auto; padding-top: 76px; background: transparent url(https://static.igem.org/mediawiki/2015/3/33/Btn541b.png) no-repeat 0 0; text-align: center; line-height: 76; font-size: 30px; letter-spacing: 15px;}
 +
.bntxt a:link, .bntxt a:visited{ color: #fff;}
 +
.bntxt a.bnxz{ background-position: 0 0;}
 +
.bntxt a.bnxz:hover{ background-position: 0 -77px;}
 +
.pcqqbg .bntxt h2{ background: transparent url(https://static.igem.org/mediawiki/2015/f/fb/Title1.png) no-repeat 15px top;}
 +
 
 +
 
 +
.content{ width: 100%;}
 +
 
 +
#content{padding: 0; border: 0; width: 100%;}
 +
 
 +
.firstHeading{visibility: hidden; }
 +
 
 +
</style>
  
−
jQuery('#allinone_carousel_charming').allinone_carousel({
 
−
skin: 'charming',
 
−
width:990,
 
−
height: 454,
 
−
responsive:true,
 
−
autoPlay: 3,
 
−
resizeImages:true,
 
−
autoHideBottomNav:false,
 
−
showElementTitle:false,
 
−
verticalAdjustment:50,
 
−
showPreviewThumbs:false,
 
−
//easing:'easeOutBounce',
 
−
numberOfVisibleItems:5,
 
−
nextPrevMarginTop:23,
 
−
playMovieMarginTop:0,
 
−
bottomNavMarginBottom:-10
 
−
});
 
−
});
 
−
</script>
 
−
<!------ Light Box ------>
 
−
<link rel="stylesheet" href="css/swipebox.css">
 
−
<script src="js/jquery.swipebox.min.js"></script>
 
−
    <script type="text/javascript">
 
−
jQuery(function($) {
 
−
$(".swipebox").swipebox();
 
−
});
 
−
</script>
 
−
<!------ Eng Light Box ------>
 
−
<script type="text/javascript">
 
−
jQuery(document).ready(function($) {
 
−
$(".scroll").click(function(event){
 
−
event.preventDefault();
 
−
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
 
−
});
 
−
});
 
−
</script>
 
−
<script type="text/javascript" src="js/move-top.js"></script>
 
−
<script type="text/javascript" src="js/easing.js"></script>
 
 
</head>
 
</head>
 +
 +
 
<body>
 
<body>
−
<div class="header_top">
+
 
−
<div class="col-xs-6 logo">
+
<a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; display:none; background:url(http://demo.lanrenzhijia.com/2014/scrollTop1120/images/lanren.gif) no-repeat center center #147abc;" href="javascript:;" class="lanrenzhijia_top"></a>
−
<a href="#"><img src="images/logo.png" alt=""/></a>
+
 
−
    </div>
+
<script>
−
<div class="col-xs-6 nav">
+
$(function(){
−
          <ul class="menu">
+
$(window).scroll(function(){
−
<li class="item1"><a href="#"><img class="arrow-img" src="images/menu.png" alt=""/> <img src="images/arrow.png" alt=""/></a>
+
var _top = $(window).scrollTop();
−
<ul class="cute">
+
if(_top>300){
−
<li><a href="#home" class="scroll">Home</a></li>
+
$('.lanrenzhijia_top').fadeIn(600);
−
<li><a href="#about" class="scroll">About</a></li>
+
}else{
−
<li><a href="#services" class="scroll">Services</a></li>
+
$('.lanrenzhijia_top').fadeOut(600);
−
<li><a href="#portfolio" class="scroll">Portfolio</a></li>
+
}
−
<li><a href="#team" class="scroll">Team</a></li>
+
});
−
<li><a href="#testmonials" class="scroll">Testmonials</a></li>
+
$(".lanrenzhijia_top").click(function(){
−
<li><a href="#contact" class="scroll">Contact</a></li>
+
$("html,body").animate({scrollTop:0},400);
−
</ul>
+
});
−
</li>
+
});
−
</ul>
+
</script>
−
</div>
+
 
−
<div class="clearfix"> </div>
+
 
−
<!--initiate accordion-->
+
<a class="down" href="javascript:;">
−
<script type="text/javascript">
+
<div style="position: fixed; margin-top: 40px; margin-left: 20px; width: 50px; height: 30px; background: #147abc; z-index: 999; text-align: center;">
−
$(function() {
+
<p style="color: #fff">Skip</p>
−
    var menu_ul = $('.menu > li > ul'),
+
−
          menu_a  = $('.menu > li > a');
+
−
    menu_ul.hide();
+
−
    menu_a.click(function(e) {
+
−
        e.preventDefault();
+
−
        if(!$(this).hasClass('active')) {
+
−
            menu_a.removeClass('active');
+
−
            menu_ul.filter(':visible').slideUp('normal');
+
−
            $(this).addClass('active').next().stop(true,true).slideDown('normal');
+
−
        } else {
+
−
            $(this).removeClass('active');
+
−
            $(this).next().stop(true,true).slideUp('normal');
+
−
        }
+
−
    });
+
−
+
−
});
+
−
</script>
+
−
  </div>
+
−
<div class="banner" id="home">
+
−
<div class="container">
+
−
<div class="banner_desc">
+
−
<h1>We Are <br>Creative</h1>
+
−
<h3>You Just Ask<br> We Do ?</h3>
+
−
<h2>Creations with <br> Creativity</h2>
+
−
</div>
+
−
</div>
+
−
</div> 
+
−
<div class="box_1" id="about">
+
−
<div class="container">
+
−
<div class="col-md-6 box_l-left">
+
−
<h2>We are</h2>
+
−
<p>Lorem Ipsum is simply dummy text of the printing and
+
−
typesetting industry. Lorem Ipsum has been the industry's
+
−
standard dummy text ever since the 1500s,</p>
+
−
<h3>A creative man is <br>
+
−
motivated by <br>
+
−
the desire to <br>
+
−
achieve, not <br>
+
−
by the desire <br>
+
−
to beat others.</h3>
+
−
</div>
+
−
<div class="col-md-6 box_l-right">
+
−
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
+
−
</div>
+
−
</div>
+
 
</div>
 
</div>
−
<div class="clients">
+
</a>
−
<div class="container">
+
 
−
<div class="col-sm-4 box_2 text-center">
+
<script>
−
<h3>46</h3>
+
$(function(){
−
<p>Css Design <br>Awards</p>
+
$(".down").click(function(){
−
</div>
+
$("html,body").animate({scrollTop:$('#menu').offset().top},400);
−
<div class="col-sm-4 box_2 text-center">
+
});
−
<h3>1126</h3>
+
});
−
<p>Happy Clients</p>
+
</script>
−
</div>
+
 
−
<div class="col-sm-4 box_2 text-center">
+
 
−
<h3>559</h3>
+
<div style="margin-top: -40px;" class="crossbanenr">
−
<p>Projects Done!</p>
+
    <ul id="crossbanenr">      
−
</div>
+
        <li class="pcqqbg">
−
</div>
+
            <div class="bncont">
 +
                <div class="bntxt">
 +
                    <h2>Amoy China</h2>
 +
                    <a class="bnxz" href="https://2015.igem.org/Team:Amoy/Project">more</a>
 +
                </div>
 +
            </div>
 +
        </li>
 +
    </ul>
 
</div>
 
</div>
−
<div class="offer" id="services">
+
 
−
    <div class="col-md-5 box_3">
+
 
−
<h3>We are <span class="m_1">Offering....</span></h3>
+
<div class="content">
−
<img src="images/macbook.png" class="img-responsive" alt=""/>
+
 
−
</div>
+
<div>
−
<div class="col-md-7 box_4">
+
<img src="https://static.igem.org/mediawiki/2015/2/24/T1.png"/>
−
<ul class="icons">
+
−
<li>
+
−
<i class="icon1"> </i>
+
−
<h3>Designing</h3>
+
−
</li>
+
−
+
−
<li>
+
−
<i class="icon2"> </i>
+
−
<h3>Development</h3>
+
−
</li>
+
−
<li class="last">
+
−
<i class="icon3"> </i>
+
−
<h3>Branding</h3>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
<div class="clearfix"> </div>
+
 
</div>
 
</div>
−
<div class="design">
+
 
−
<div class="container">
+
<div style="background-image: url(https://static.igem.org/mediawiki/2015/a/a5/Bg2.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
−
<div class="col-md-4 box_10">
+
−
<img src="images/pencil.png" class="img-responsive" alt=""/>
+
−
</div>
+
−
<div class="col-md-8 box_5">
+
−
<h3>Designing</h3>
+
−
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
+
−
</div>
+
−
</div>
+
 
</div>
 
</div>
−
<div class="banner_2" id="portfolio">
+
 
−
<h3>Latest Awesome Work</h3>
+
 
−
<div id="containingDiv">
+
<div style="background: #fff; width: 100%; height: 524px; ">
−
            <div id="allinone_carousel_charming">
+
<div style="position: relative; width: 100%; height: 584px; margin: 0 auto;">
−
            <div class="myloader"></div>
+
 
−
                <!-- CONTENT -->
+
<div style="position: absolute; top: 115px; width: 557px; right: 30px;">
−
                <ul class="allinone_carousel_list">
+
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/7/78/H2.png" />
−
              <li><img src="images/pic1.jpg" alt="" class="img-responsive"/></li>
+
<p style="width: 100%; text-align: right; margin-top: 15px;">This is the scene that we're exexperimenting. This is the scene that we're exexperimenting.</p>
−
                    <li><img src="images/pic2.jpg" alt="" class="img-responsive"/></li>
+
<p style="width: 100%; text-align: right; margin-top: 20px;">
−
                    <li><img src="images/pic3.jpg" alt="" class="img-responsive"/></li>
+
<a style="color: #12b7f5;">Learn more ></a>
−
                    <li><img src="images/pic4.jpg" alt="" class="img-responsive"/></li>
+
</p>
−
                    <li><img src="images/pic5.jpg" alt="" class="img-responsive"/></li>
+
−
                </ul>  
+
−
          </div>
+
 
</div>
 
</div>
 +
<div>
 +
<img style="position: absolute; left: 30px; width: 770px; height: 763px; bottom: 0;" src="https://static.igem.org/mediawiki/2015/0/0d/T12.png" />
 
</div>
 
</div>
−
<div class="team" id="team">
+
 
−
    <div class="container">
+
−
    <h5><span class="m_2">Meet</span><span class="m_2"> S</span>reative <span class="m_3">Team</span></h5>
+
−
    <div class="grid_1">
+
−
<div class="col-sm-4 box_6">
+
−
<div class="view view-first">
+
−
                  <div class="index_img"><img src="images/pic6.jpg" class="img-responsive" alt=""/></div>
+
−
      <div class="mask">
+
−
                        <div class="info"> <a href="images/pic6.jpg" class="swipebox"  title="Image Title"> <img src="images/user.png" class="img-responsive" alt=""/></a></div>
+
−
                    </div>
+
−
            </div>
+
−
                <div class="team_desc">
+
−
                  <div class="portfolio_head">
+
−
<h3>John Deo</h3>
+
−
<p>Ceo</p>
+
−
<h4>Creative Designer</h4>
+
−
  </div>
+
−
    </div>
+
−
</div>
+
−
<div class="col-sm-4 box_6">
+
−
<div class="view view-first">
+
−
                  <div class="index_img"><img src="images/pic7.jpg" class="img-responsive" alt=""/></div>
+
−
      <div class="mask">
+
−
                        <div class="info"> <a href="images/pic7.jpg" class="swipebox"  title="Image Title"> <img src="images/user.png" class="img-responsive" alt=""/></a></div>
+
−
                    </div>
+
−
            </div>
+
−
                <div class="team_desc">
+
−
                  <div class="portfolio_head">
+
−
<h3>John Deo</h3>
+
−
<p>Ceo</p>
+
−
<h4>Creative Designer</h4>
+
−
  </div>
+
−
    </div>
+
−
</div>
+
−
<div class="col-sm-4 box_6">
+
−
<div class="view view-first">
+
−
                  <div class="index_img"><img src="images/pic8.jpg" class="img-responsive" alt=""/></div>
+
−
      <div class="mask">
+
−
                        <div class="info"> <a href="images/pic8.jpg" class="swipebox"  title="Image Title"> <img src="images/user.png" class="img-responsive" alt=""/></a></div>
+
−
                    </div>
+
−
            </div>
+
−
                <div class="team_desc">
+
−
                  <div class="portfolio_head">
+
−
<h3>John Deo</h3>
+
−
<p>Ceo</p>
+
−
<h4>Creative Designer</h4>
+
−
  </div>
+
−
    </div>
+
−
</div>
+
−
<div class="clearfix"> </div>
+
−
</div>
+
−
</div>
+
 
</div>
 
</div>
−
<div class="testimonial" id="testmonials">
 
−
<div class="container">
 
−
<div class="wmuSlider example1">
 
−
  <div class="wmuSliderWrapper">
 
−
  <article style="position: absolute; width: 100%; opacity: 0;">
 
−
  <div class="grid-matter-bottom">
 
−
  <div class="col-sm-8 testimonilal_left">
 
−
  <h3>Review <span class="m_5">+5</span></h3>
 
−
<p><span class="quotes"> </span>We have to continually be
 
−
jumping off cliffs and
 
−
developing our wings
 
−
on the way down.<span class="quote_down"></span></p>
 
−
</div>
 
−
<div class="col-sm-4">
 
−
  <div class="testimonilal_right">
 
−
<img class="img-responsive" src="images/pic9.jpg" alt="" />
 
−
  </div>
 
−
</div>
 
−
<div class="clearfix"> </div>
 
−
</div>
 
−
</article>
 
−
<article style="position: absolute; width: 100%; opacity: 0;">
 
−
  <div class="grid-matter-bottom">
 
−
  <div class="col-sm-8 testimonilal_left">
 
−
  <h3>Review <span class="m_5">+3</span></h3>
 
−
<p><span class="quotes"> </span>We have to continually be
 
−
jumping off cliffs and
 
−
developing our wings
 
−
on the way down.<span class="quote_down"></span></p>
 
−
</div>
 
−
<div class="col-sm-4">
 
−
  <div class="testimonilal_right">
 
−
<img class="img-responsive" src="images/pic11.jpg" alt="" />
 
−
  </div>
 
−
</div>
 
−
<div class="clearfix"> </div>
 
−
</div>
 
−
</article>
 
−
<article style="position: absolute; width: 100%; opacity: 0;">
 
−
<div class="grid-matter-bottom">
 
−
  <div class="col-sm-8 testimonilal_left">
 
−
  <h3>Review <span class="m_5">+1</span></h3>
 
−
<p><span class="quotes"> </span>We have to continually be
 
−
jumping off cliffs and
 
−
developing our wings
 
−
on the way down.<span class="quote_down"></span></p>
 
−
</div>
 
−
<div class="col-sm-4">
 
−
  <div class="testimonilal_right">
 
−
<img class="img-responsive" src="images/pic10.jpg" alt="" />
 
−
  </div>
 
−
</div>
 
−
<div class="clearfix"> </div>
 
−
</div>
 
−
</article>
 
−
</div>
 
−
    </div>
 
−
            <script src="js/jquery.wmuSlider.js"></script>
 
−
  <script>
 
−
      $('.example1').wmuSlider();       
 
−
      </script>                  
 
−
  </div>
 
−
    </div>
 
 
</div>
 
</div>
−
<div class="contact" id="contact">
+
 
−
<div class="col-md-6 contact_left">
+
 
−
<form method="post" action="contact-post.html">
+
<div style="background-image: url(https://static.igem.org/mediawiki/2015/c/cb/Bg1.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 800px; background-attachment: fixed;">
−
<input type="text" class="textbox" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">
+
−
<input type="text" class="textbox" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}">
+
−
<input type="text" class="textbox" value="Subject" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Subject';}">
+
−
<textarea value="Message" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">Message</textarea>
+
−
<div class="contact_btn">
+
−
      <label class="btn2 btn-2 btn2-1b"><input type="submit" value="Send"></label>
+
−
    </div>
+
−
</form>  
+
−
</div>
+
−
<div class="col-md-6 contact_right">
+
−
<div class="map">
+
−
  <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d3150859.767904157!2d-96.62081048651531!3d39.536794757966845!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1408111832978"> </iframe>
+
−
</div>
+
−
<ul class="address">
+
−
<i class="address_icon"></i>
+
−
<li class="add_right">
+
−
<p class="m_8">Contrary to popular belief, Lorem Ipsum is not simpl</p>
+
−
<p class="m_7">254-65897</p>
+
−
<p><a href="#"><a href="mailto@example.com">info(at)screative.com</a></a></p>
+
−
<div class="copy">
+
−
                  <p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
+
−
          </div>
+
−
</li>
+
−
<div class="clearfix"> </div>
+
−
</ul>
+
−
</div>
+
−
<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="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
+
 
</div>
 
</div>
 +
 +
 +
<div style="background: #fff; width: 100%; height: 524px; overflow: hidden">
 +
<div style="position: relative; width: 100%; height: 584px; margin: 0 auto;">
 +
 +
<div style="position: absolute; top: 115px; width: 600px; left: 30px;">
 +
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/2/26/H3.png" />
 +
<p style="width: 100%; text-align: left; margin-top: 15px;">They are our experimental results. They are our experimental results.</p>
 +
<p style="width: 100%; text-align: left; margin-top: 20px;">
 +
<a style="color: #12b7f5;">Learn more ></a>
 +
</p>
 +
</div>
 +
 +
<div>
 +
<img style="position: absolute; right: 30px; width: 700px; height: 584px; bottom: 0;" src="https://static.igem.org/mediawiki/2015/f/fb/T22.png" />
 +
</div>
 +
 +
</div>
 +
</div>
 +
 +
 +
<div style="background-image: url(https://static.igem.org/mediawiki/2015/3/32/Bg4.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
 +
</div>
 +
 +
 +
<div id="menu" style="background: #fff; width: 100%; height: 524px; overflow: hidden">
 +
<div style="position: relative; width: 100%; height: 584px; margin: 0 auto;">
 +
 +
<div style="position: absolute; top: 120px; width: 490px; right: 30px;">
 +
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/3/37/T_project.png" />
 +
<p style="width: 100%; text-align: right; margin-top: 15px;">This is the part of our project. This is the part of our project. This is the part of our project.</p>
 +
<p style="width: 100%; text-align: right; margin-top: 20px;">
 +
<a style="color: #12b7f5;">Learn more ></a>
 +
</p>
 +
</div>
 +
 +
<div>
 +
<img style="position: absolute; left: 30px; width: 700px; height: 584px; bottom: 0;" src="https://static.igem.org/mediawiki/2015/d/d4/H4.png" />
 +
</div>
 +
 +
 +
<div style="position: absolute; width: 150px; height: 150px; left: 150px; top: 100px;">
 +
<a href="https://2015.igem.org/Team:Amoy/Project"><img src="https://static.igem.org/mediawiki/2015/9/92/Project.png"/></a>
 +
</div>
 +
<div style="position: absolute; width: 150px; height: 150px; left: 330px; top: 100px;">
 +
<a href="https://2015.igem.org/Team:Amoy/Interlab"><img src="https://static.igem.org/mediawiki/2015/e/ec/Newsletter.png"/></a>
 +
</div>
 +
<div style="position: absolute; width: 150px; height: 150px; left: 510px; top: 100px;">
 +
<a href="https://2015.igem.org/Team:Amoy/Newsletter"><img src="https://static.igem.org/mediawiki/2015/6/66/Practice.png"/></a>
 +
</div>
 +
<div style="position: absolute; width: 150px; height: 150px; left: 690px; top: 100px;">
 +
<a href="https://2015.igem.org/Team:Amoy/Practice"><img src="https://static.igem.org/mediawiki/2015/7/70/More.png"/></a>
 +
</div>
 +
<div style="position: absolute; width: 150px; height: 150px; left: 150px; top: 300px;">
 +
<a href="https://2015.igem.org/Team:Amoy/Member"><img src="https://static.igem.org/mediawiki/2015/7/70/More.png"/></a>
 +
</div>
 +
<div style="position: absolute; width: 150px; height: 150px; left: 330px; top: 300px;">
 +
<a href="https://2015.igem.org/Team:Amoy/Safety"><img src="https://static.igem.org/mediawiki/2015/8/84/Safety.png"/></a>
 +
</div>
 +
<div style="position: absolute; width: 150px; height: 150px; left: 510px; top: 300px;">
 +
<a href="https://2015.igem.org/Team:Amoy/Acknowledgement"><img src="https://static.igem.org/mediawiki/2015/9/94/Judging.png"/></a>
 +
</div>
 +
 +
</div>
 +
</div>
 +
 +
</div>
 +
 +
 +
<div style="width: 100%; height: 200px; background: #2a2a2a;">
 +
</div>
 +
 +
 +
<!--
 +
<script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js"></script>
 +
-->
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 16:28, 21 August 2015

Aomy

Skip

This is the scene that we're exexperimenting. This is the scene that we're exexperimenting.

Learn more >

They are our experimental results. They are our experimental results.

Learn more >