Difference between revisions of "Team:Scut-Champion-Park/Practices/Social Media"

(Created page with "<html lang='en'> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control...")
 
 
(6 intermediate revisions by the same user not shown)
Line 6: Line 6:
 
<title>iGEM - Champion Park</title>
 
<title>iGEM - Champion Park</title>
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:Scut-Champion-Park/css/index.css/?action=raw&ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:Scut-Champion-Park/css/index.css/?action=raw&ctype=text/css">
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:Scut-Champion-Park/css/my_style.css/?action=raw&ctype=text/css">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:Scut-Champion-Park/css/media.css/?action=raw&ctype=text/css">
<script type="text/javascript" src="https://2015.igem.org/Team:Scut-Champion-Park/js/nav.js/?action=raw&ctype=text/javascript"></script>
+
               
 +
<script type="text/javascript">
 +
function setElementSize() { //动态设置各元素尺寸
 +
var doc_width = $(document).width();
 +
var header_width = doc_width * 0.4887;
 +
var footer_width = doc_width * 0.1541;
 +
 
 +
$(".banner").css('min-height', header_width); //设置header背景图片高度
 +
$(".footer").css('min-height', footer_width); //设置footer背景图片高度
 +
$(".main-container").css('margin-top', -(header_width-175)); //设置遮罩层高度
 +
}
 +
 
 +
$(function($) {
 +
setElementSize();
 +
 
 +
/*  下拉菜单 */
 +
$(".menu-table td").bind("mouseover", function() {
 +
$(this).children(".menu-list").slideDown();
 +
});
 +
$(".menu-table td").bind("mouseleave", function() {
 +
$(this).children(".menu-list").slideUp();
 +
});
 +
});
 +
</script>
 
 
 
</head>
 
</head>
Line 22: Line 45:
 
<tr>
 
<tr>
 
<td style="width:63px">
 
<td style="width:63px">
<span class="menu-tag" href="#"> HOME </span>
+
<span class="menu-tag" href="#"><a class="homea" href="https://2015.igem.org/Team:Scut-Champion-Park/" > HOME </a></span>
 
</ul>
 
</ul>
 
</td>
 
</td>
Line 38: Line 61:
 
<li><a href="/Team:Scut-Champion-Park/Achievement/Results" class="alink"> Results </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Achievement/Results" class="alink"> Results </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Basic_Part" class="alink">  Registry Part </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Basic_Part" class="alink">  Registry Part </a></li>
                                                <li><a href="/Team:Scut-Champion-Park/Description" class="alink"> Contribution </a></li>
+
                                                                                                <li><a href="/Team:Scut-Champion-Park/Description" class="alink"> Contribution </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Achievement/Judging_Form" class="alink"> Judging Form </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Achievement/Judging_Form" class="alink"> Judging Form </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Achievement/Financing" class="alink"> Financing </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Achievement/Financing" class="alink"> Financing </a></li>
Line 45: Line 68:
 
</td>
 
</td>
 
<td style="width:179px">
 
<td style="width:179px">
<span class="menu-tag"> POCLICY &amp; PRACTICES </span>
+
<span class="menu-tag" style="border-bottom:3px solid #a4e9f9;"> POCLICY &amp; PRACTICES </span>
 
<ul class="menu-list">
 
<ul class="menu-list">
 
<li><a href="/Team:Scut-Champion-Park/Practices" class="alink"> Over View </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Practices" class="alink"> Over View </a></li>
Line 51: Line 74:
 
<li><a href="/Team:Scut-Champion-Park/Practices/Research" class="alink"> Research &amp; Solution </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Practices/Research" class="alink"> Research &amp; Solution </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Practices/Meet_Ups" class="alink"> Meet Ups </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Practices/Meet_Ups" class="alink"> Meet Ups </a></li>
 +
                                                                                                <li><a href="/Team:Scut-Champion-Park/Collaborations" class="alink"> Collaborations </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Practices/Social_Media " class="alink"> Social Media </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Practices/Social_Media " class="alink"> Social Media </a></li>
<li><a href="/Team:Scut-Champion-Park/Collaborations" class="alink"> Collaborations </a></li>
+
 
<li><a href="/Team:Scut-Champion-Park/Entrepreneurship" class="alink"> Entrepreneurship </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Entrepreneurship" class="alink"> Entrepreneurship </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Practices/Super_Brochure " class="alink"> Super Brochure </a></li>
 
<li><a href="/Team:Scut-Champion-Park/Practices/Super_Brochure " class="alink"> Super Brochure </a></li>
Line 84: Line 108:
 
</div>
 
</div>
  
<div class="sm-main-container">
 
<!---        黑色遮罩层      -->
 
<div class="sm-container-decorator"></div>
 
<!---        黑色遮罩层      -->
 
  
<div class="sm-container">
+
 
<div class="sm-wrapper">
+
<div class="main-container">
<div class="sm-content-container sm-content-container-1">
+
<div class="sm-container">
<div class="sm-content">
+
<div class="sm-wrapper">
<h1 class="sm-title"> Social Media -Wechat </h1>
+
<div class="sm-content-container sm-content-container-1 bg-shade bg-radius">
<p class="sm-main-content">
+
<div class="sm-content">
Nowadays, the world becomes smaller and smaller due to the booming development of internet. As time goes by, the number of internet users becomes larger and larger which makes social media the most convenient access for people to get the information they need. In China, the digital media landscape is dominated by local players, like Wechat, QQ, Sina, Youku, Tudou and so on, among which Wechat is the most prevailing one. So we applied one Wechat subscription account (SCUTChampionPark) and use it to promote iGEM, food safety, and synthetic biology related issues in public. Besides, we also introduced our team, idea and our project. It kept going as our project went on, in private, we also use it to write all the big affairs we had during the process, to some degree, it kind of likes a memo. It noted most of the important point of our project.
+
<h1 class="sm-title"> Social Media -Wechat </h1>
</p>
+
<p class="sm-main-content">
<div class="sm-main-content-img">
+
Nowadays, the world becomes smaller and smaller due to the booming development of internet. As time goes by, the number of internet users becomes larger and larger which makes social media the most convenient access for people to get the information they need. In China, the digital media landscape is dominated by local players, like Wechat, QQ, Sina, Youku, Tudou and so on, among which Wechat is the most prevailing one. So we applied one Wechat subscription account (SCUTChampionPark) and use it to promote iGEM, food safety, and synthetic biology related issues in public. Besides, we also introduced our team, idea and our project. It kept going as our project went on, in private, we also use it to write all the big affairs we had during the process, to some degree, it kind of likes a memo. It noted most of the important point of our project.
<table>
+
</p>
<tbody>
+
<div class="sm-main-content-img">
<tr>
+
<table>
<td><span id="sm-img-1"></span></td>
+
<tbody>
<td><span id="sm-img-2"></span></td>
+
<tr>
<td><span id="sm-img-3"></span></td>
+
<td><span id="sm-img-1"></span></td>
</tr>
+
<td><span id="sm-img-2"></span></td>
<tr>
+
<td><span id="sm-img-3"></span></td>
<td><span id="sm-img-4"></span></td>
+
</tr>
<td><span id="sm-img-5"></span></td>
+
<tr>
<td><span id="sm-img-6"></span></td>
+
<td><span id="sm-img-4"></span></td>
</tr>
+
<td><span id="sm-img-5"></span></td>
</tbody>
+
<td><span id="sm-img-6"></span></td>
</table>
+
</tr>
</div>
+
</tbody>
<p class="sm-main-content">
+
</table>
Picture one is the QR code and also the identity of our Wechat subscription account which can be can be scanned by users to follow us.And the rest pictures are parts of our promoted articles.
+
</div>
</p>
+
<p class="sm-main-content">
<div class="sm-main-content-img">
+
Picture one is the QR code and also the identity of our Wechat subscription account which can be can be scanned by users to follow us.And the rest pictures are parts of our promoted articles.
<div class="sm-content-img-2">
+
</p>
<span id="sm-img-7"></span>
+
<div class="sm-main-content-img">
<div class="sm-img-div">
+
<div class="sm-content-img-2">
<span id="sm-img-8"></span>
+
<span id="sm-img-7"></span>
<p id="sm-img-8-title"> Picture 1 QR code of SCUT Champion Park </p>
+
<div class="sm-img-div">
 +
<span id="sm-img-8"></span>
 +
<p id="sm-img-8-title"> Picture 1 QR code of SCUT Champion Park </p>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
Line 129: Line 152:
 
</div>
 
</div>
 
</div>
 
</div>
</div>
 
  
 
  
 
<div class="footer">
 
<div class="footer">

Latest revision as of 05:31, 18 September 2015

iGEM - Champion Park

Social Media -Wechat

Nowadays, the world becomes smaller and smaller due to the booming development of internet. As time goes by, the number of internet users becomes larger and larger which makes social media the most convenient access for people to get the information they need. In China, the digital media landscape is dominated by local players, like Wechat, QQ, Sina, Youku, Tudou and so on, among which Wechat is the most prevailing one. So we applied one Wechat subscription account (SCUTChampionPark) and use it to promote iGEM, food safety, and synthetic biology related issues in public. Besides, we also introduced our team, idea and our project. It kept going as our project went on, in private, we also use it to write all the big affairs we had during the process, to some degree, it kind of likes a memo. It noted most of the important point of our project.

Picture one is the QR code and also the identity of our Wechat subscription account which can be can be scanned by users to follow us.And the rest pictures are parts of our promoted articles.

Picture 1 QR code of SCUT Champion Park