Difference between revisions of "Team:SZU-China/HP Demo"
Xiexiaohan (Talk | contribs) |
Xiexiaohan (Talk | contribs) |
||
| Line 89: | Line 89: | ||
| − | $("# | + | $("#temp").click(function(event){ |
return false;//阻止事件冒泡即可 | return false;//阻止事件冒泡即可 | ||
}); | }); | ||
| Line 164: | Line 164: | ||
<div class="col-lg-5 col-md-10 text-center" style="padding-right: -200px !important;"> | <div class="col-lg-5 col-md-10 text-center" style="padding-right: -200px !important;"> | ||
<div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px; color: white; font-size: 20px;" id="content1" class="content1"> | <div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px; color: white; font-size: 20px;" id="content1" class="content1"> | ||
| − | <div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | + | <div class="temp" style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> |
<span class="kuang_title h2" id="title1"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a></span> | <span class="kuang_title h2" id="title1"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a></span> | ||
</div> | </div> | ||
| Line 179: | Line 179: | ||
<div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content2" class="content1"> | <div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content2" class="content1"> | ||
| − | <div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | + | <div class="temp" style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> |
<span class="kuang_title h2" id="title2"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/MeetUp">Meetup</a></span> | <span class="kuang_title h2" id="title2"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/MeetUp">Meetup</a></span> | ||
</div> | </div> | ||
| Line 194: | Line 194: | ||
<div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content3" class="content1"> | <div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content3" class="content1"> | ||
| − | <div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | + | <div class="temp" style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> |
<span class="kuang_title h2" id="title3"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Investigation">Investigation</a></span> | <span class="kuang_title h2" id="title3"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Investigation">Investigation</a></span> | ||
</div> | </div> | ||
| Line 209: | Line 209: | ||
<div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content4" class="content1"> | <div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content4" class="content1"> | ||
| − | <div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | + | <div class="temp" style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> |
<span class="kuang_title h2" id="title4"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Simulation">Simulation</a></span> | <span class="kuang_title h2" id="title4"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Simulation">Simulation</a></span> | ||
</div> | </div> | ||
| Line 224: | Line 224: | ||
<div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content5" class="content1"> | <div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content5" class="content1"> | ||
| − | <div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | + | <div class="temp" style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> |
<span class="kuang_title h2" id="title5"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Public_Engagement">Education & public engagement</a></span> | <span class="kuang_title h2" id="title5"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Public_Engagement">Education & public engagement</a></span> | ||
</div> | </div> | ||
| Line 239: | Line 239: | ||
<div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content6" class="content1"> | <div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content6" class="content1"> | ||
| − | <div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | + | <div class="temp" style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> |
<span class="kuang_title h2" id="title6"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Prospect">Prospect</a></span> | <span class="kuang_title h2" id="title6"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Prospect">Prospect</a></span> | ||
</div> | </div> | ||
Revision as of 15:50, 17 October 2018
Human Practices
At the beginning of 2018 SZU-China team, we had a brainstorming to decide our topic. We carried out three topics which were all close to daily lives and we didn’t know which to choose.
To strengthen the communication between iGEM and the public, we designed an applet named biocompany and post our ideas there. It’s a platform for the public to engage in the iGEM.
With the comments that people gave in Biocompany, we finally decided our project, cockroach terminator. For more details about our applet, please read our applet part.