Team:OUC-China/contactus

From 2012.igem.org

Revision as of 10:01, 25 October 2012 by Dolores (Talk | contribs)

<head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <link rel="stylesheet" href="http://1.oucigem.sinaapp.com/oucigem2012-nav.css"> <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4/leaflet.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="http://cdn.leafletjs.com/leaflet-0.4/leaflet.js"></script> <link rel="stylesheet" href="http://1.oucigem.sinaapp.com/ouc-igem-person.css">

<script> $(document).ready(function(){ $("img.static").hover( function() { $(this).stop().animate({"opacity": "0"}, "350"); }, function() { $(this).stop().animate({"opacity": "1"}, "350"); }); }); </script>



</head> <body>

<section id="wrapper"> <article id="main">

Contents

Contact US

We are looking forward to your letter!

SNS

           <a href="http://blog.sina.com.cn/oast"><p1>SinaBlog:OAST</a></p1>
<a href="http://www.renren.com/296396903/profile?ref=opensearch_normal">

Renren: OAST

</a>

E-Mail

<a href="mailto:oucigem@163.com">oucigem@163.com</a>

Ocean University

Postal Code: 266003
Address: 5 YuShan Road,Qingdao,Shandong.

<style type="text/css"> 

   html,body{margin:0;padding:0;}
   .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
   .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
   #contact h3{

font-size:150%; } #contact p{ font-size:100%; margin-bottom:80px; border-bottom:none; color:#000; }

  1. contact a{

text-decoration:underline; color:#000; } #ouc-footer{ margin-top:120px; }

  1. footer{

margin-bottom:0; border:none; }

  1. footer-box{

height: 50px;

width:1349px; margin-top:10px; margin-bottom:-10px; background-color:#1487DF; border:none; padding-left:0; padding-right:0; }

  1. top-section{

width:99%; }

  1. main p1

{ margin-bottom:0; }

  1. map{

height:400px; width:600px; margin-top:-450px; left:390px; }

</style> <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>


</article> </section> </body> <script type="text/javascript" src="http://1.oucigem.sinaapp.com/OUC-nav.js"></script> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script>

<script type="text/javascript"> 

   //创建和初始化地图函数：
   function initMap(){
       createMap();//创建地图
     
   }
   
   //创建地图函数：
   function createMap(){
      var map = L.map('map').setView([36.064,120.335], 13);

L.tileLayer('http://{s}.tile.cloudmade.com/8de93dc447924179857a0d0ad7121605/997/256/{z}/{x}/{y}.png', { 

   attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery ? <a href="http://cloudmade.com">CloudMade</a>',
   maxZoom: 18

}).addTo(map); var marker = L.marker([36.064,120.335]).addTo(map); 

   }
   initMap();//创建和初始化地图

var popup = L.popup();

function onMapClick(e) { 

   popup
       .setLatLng(e.latlng)
       .setContent("You clicked the map at " + e.latlng.toString())
       .openOn(map);

}

map.on('click', onMapClick); </script>

</html>

Retrieved from "http://2012.igem.org/Team:OUC-China/contactus"