Difference between revisions of "Team:AHUT China/HP/Human Practice/MOOC"

Line 348: Line 348:
 
 
 
 
 +
 +
 +
 +
<div class="mooc_whole">
 +
<div id="mooc_background">
 +
        <img width="759px" height="1037px" alt="" src="https://static.igem.org/mediawiki/2015/2/2f/AHUT_CHINA_2015_mooc_background.png">
 +
        </div>
 +
    <div id="mooc_nav">
 +
    <img width="316px" height="567px" alt="" src="https://static.igem.org/mediawiki/2015/6/67/AHUT_CHINA_2015_mooc_nav.png">
 +
  </div>
 +
        <div id="mooc_nav_note">
 +
        <p id="mooc_nav_p">Our courses consist of seven major sections—iGEM’s introduction, modern molecular biology, synthetic biology, bioinformatics, current protocols, wiki web making and iGEM’s information search. We have created a comprehensive course system which is good at deepening students’ understanding of our courses. </p>
 +
        </div>
 +
        <div id="mooc_nav_line1">
 +
        <img width="360" height="8" alt="" src="https://static.igem.org/mediawiki/2015/e/e3/AHUT_CHINA_2015_mooc_navline1.png"/>
 +
        </div>
 +
        <div id="mooc_nav_line2">
 +
        <img width="184" height="9" alt="" src="https://static.igem.org/mediawiki/2015/8/8e/AHUT_CHINA_2015_mooc_navline2.png"/>
 +
        </div>
 +
        <div id="mooc_logo">
 +
    <img width="354px" height="205px" alt="" src="https://static.igem.org/mediawiki/2015/8/89/AHUT_CHINA_2015_mooc_logo.png">
 +
  </div> 
 +
    <div id="mooc_introduction">
 +
    <img width="370px" height="286px" alt="" src="https://static.igem.org/mediawiki/2015/7/79/AHUT_CHINA_2015_mooc_introduction.png">
 +
  </div>
 +
        <div id="mooc_introduction_note">
 +
        <p id="mooc_introduction_p">Our MOOC videos consist of iGEM’s introduction, basics of synthetic biology and design of WIKI making with the view of letting more people be involved in iGEM by learning our online courses!</p>
 +
        </div>
 +
        <div id="mooc_introduction_line">
 +
        <img width="266" height="210" alt="" src="https://static.igem.org/mediawiki/2015/a/aa/AHUT_CHINA_2015_mooc_introductionline.png"/>
 +
        </div>
 +
    <div id="mooc_concept">
 +
    <img width="443px" height="574px" alt="" src="https://static.igem.org/mediawiki/2015/1/1b/AHUT_CHINA_2015_mooc_concept.png">
 +
  </div>   
 +
        <div id="mooc_concept_note">
 +
        <p id="mooc_concept_p">iGEM was founded by MIT in 2003. It is a top international academic competition in the field of synthetic biology. Synthetic biology aims to re-design the current natural biological system and build artificial biological parts and system to create a new biological system. The design and making of WIKI has given us the most humanistic vision experience and offered us an optimal project display platform with the interaction of science and humanity.<p>
 +
        </div> 
 +
        <div id="mooc_concept_line1">
 +
        <img width="271" height="9" alt="" src="https://static.igem.org/mediawiki/2015/9/9e/AHUT_CHINA_2015_mooc_conceptline1.png"/>
 +
        </div>
 +
        <div id="mooc_concept_line2">
 +
        <img width="422" height="8" alt="" src="https://static.igem.org/mediawiki/2015/f/f0/AHUT_CHINA_2015_mooc_conceptline2.png"/>
 +
        </div>
 +
    <div id="mooc_resource">
 +
    <img width="318px" height="283px" alt="" src="https://static.igem.org/mediawiki/2015/e/e0/AHUT_CHINA_2015_mooc_resource.png">
 +
  </div>   
 +
        <div id="mooc_resource_line">
 +
        <img width="322" height="114" alt="" src="https://static.igem.org/mediawiki/2015/d/dc/AHUT_CHINA_2015_mooc_resourceline.png"/>
 +
        </div>     
 +
        <div id="mooc_resource_note">
 +
        <p id="mooc_resource_p">Besides our teaching materials, we have also made our teaching videos to help people get to know more about our project. Some relevant questions have also been given to assist students to strengthen what they’ve learned.</p>
 +
        </div>       
 +
  </div>
 +
   
 +
    <p style="width:960px; margin:0 auto; padding-top:20px; padding-bottom:20px; line-height:40px; font-size:20px; text-align:center; z-index:99; position:relative;">Click <a href="http://mooc1.chaoxing.com/course/80804095.html" target="_blank" style="color:#FF0000;">here</a> to our Mooc!<br /><span style="font-size:14px;">(http://mooc1.chaoxing.com/course/80804095.html)</span></p>
 +
  </div>
 +
 +
 +
 
 
  

Revision as of 10:36, 19 October 2016

Document