Difference between revisions of "Team:NCKU Tainan/Public Engagement"

 
(48 intermediate revisions by 4 users not shown)
Line 5: Line 5:
 
<head>
 
<head>
 
     <link rel="stylesheet" href="https://2018.igem.org/Template:NCKU_Tainan/css/HP_Integrated_Human_Practices_style?action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2018.igem.org/Template:NCKU_Tainan/css/HP_Integrated_Human_Practices_style?action=raw&ctype=text/css">
 +
    <link href="https://fonts.googleapis.com/css?family=Concert+One" rel="stylesheet">
 +
 
</head>
 
</head>
  
 
<body data-spy="scroll" data-target=".navbar-example">
 
<body data-spy="scroll" data-target=".navbar-example">
  
     <header>
+
     <div class="container content">
        <div class="carousel-inner" role="listbox">
+
            <div class="headstyle">
             <div class="carousel-item active" style="background-image: url('http://placehold.it/1900x1080')">
+
                <h1 class="head">Education & Public Engagement</h1>
 +
            </div>
 +
             <div class="righttitle">
 +
                <h7 class="subtitle">Impact  Inspire  Influence  </h7>
 
             </div>
 
             </div>
        </div>
 
    </header>
 
 
    <div class="container content">
 
        <h1 class="head">Integrated Human Practices</h1>
 
 
         <div class="navbar-example">
 
         <div class="navbar-example">
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-2 side">
 
                 <div class="col-2 side">
                     <div id="sidelist" class="list-Fgroup">
+
                     <div id="sidelist" class="list-group">
                         <a class="list-group-item list-group-item-action" href="#list-item-1">Education</a>
+
                         <a class="list-group-item list-group-item-action" href="#Education">Education</a>
                         <a class="list-group-item list-group-item-action" href="#list-item-2">Public Engagement</a>
+
                         <a class="list-group-item list-group-item-action" href="#Public_Engagement">Public Engagement</a>
 
                         <a class="list-group-item list-group-item-action" href="#"><i class="fa fa-arrow-up fa-1x"
 
                         <a class="list-group-item list-group-item-action" href="#"><i class="fa fa-arrow-up fa-1x"
 
                                 aria-hidden="true"></i></a>
 
                                 aria-hidden="true"></i></a>
Line 31: Line 31:
 
                     <div data-spy="scroll" data-target="#sidelist" data-offset="0" class="scrollspy-example">
 
                     <div data-spy="scroll" data-target="#sidelist" data-offset="0" class="scrollspy-example">
  
                         <div id="list-item-1">
+
                         <div id="Education">
 
+
                            </br></br></br></br>
+
 
                             <h3>Education</h3></br>
 
                             <h3>Education</h3></br>
  
 
                             <div class="card">
 
                             <div class="card">
 
                                 <div class="thumbnail">
 
                                 <div class="thumbnail">
                                     <img src="https://static.igem.org/mediawiki/2018/4/40/T--NCKU_Tainan--home_DSC_1284_%281%29_%281%29.jpg" class="left">
+
                                     <img src="https://static.igem.org/mediawiki/2018/3/3b/T--NCKU_Tainan--iGEM_Promotion_in_Hui-Wen_High-School.jpg"
 +
                                        class="left">
 
                                 </div>
 
                                 </div>
 
                                 <div class="right">
 
                                 <div class="right">
 
                                     <h1>iGEM Promotion in Hui-Wen High-School</h1>
 
                                     <h1>iGEM Promotion in Hui-Wen High-School</h1>
                                     <div id="cardtext">NCKU x Tainan team went to HWSH to promote synthetic biology and our iGEM project. 20
+
                                     <div id="cardtext">
                                         students joined this program. </div>
+
                                        NCKU Spring medical speech is an annual One-Day-camp for the high school
 +
                                        students who is interested in medical school in Taiwan. After the speech, many
 +
                                         students showed their interest on iGEM.
 +
                                    </div>
 
                                 </div>
 
                                 </div>
 
                                 <h9>21</h9>
 
                                 <h9>21</h9>
 
                                 <h6>MAY</h6>
 
                                 <h6>MAY</h6>
                                 <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal" data-target="#HWHS"><a>Read
+
                                 <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 +
                                    data-target="#HWHS"><a>Read
 
                                         More</a></div>
 
                                         More</a></div>
 
                             </div>
 
                             </div>
                           
+
 
 
                             <!-- Modal -->
 
                             <!-- Modal -->
                             <div class="modal fade" id="HWHS" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
+
                             <div class="modal fade" id="HWHS" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
 +
                                aria-hidden="true">
 
                                 <div class="modal-dialog" role="document">
 
                                 <div class="modal-dialog" role="document">
 
                                     <div class="modal-content">
 
                                     <div class="modal-content">
 
                                         <div class="modal-header">
 
                                         <div class="modal-header">
                                             <h5 class="modal-title" id="exampleModalLongTitle">iGEM Promotion in Hui-Wen High-School</h5>
+
                                             <h5 class="modal-title" id="exampleModalLongTitle">iGEM Promotion in
 +
                                                Hui-Wen High-School</h5>
 
                                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
                                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
                                                 <span aria-hidden="true">&times;</span>
 
                                                 <span aria-hidden="true">&times;</span>
 
                                             </button>
 
                                             </button>
 
                                         </div>
 
                                         </div>
                           
+
 
 
                                         <div class="modal-body">
 
                                         <div class="modal-body">
                           
+
 
 
                                             <p class="hpcontent">
 
                                             <p class="hpcontent">
                                                 May 2018, NCKU x Tainan team went to HWSH to promote synthetic biology and our iGEM project. 20
+
                                                 May 2018, NCKU_Tainan team went to HWSH to promote synthetic biology
                                                 students joined this program. They really enjoyed the experiment they had never tried before.
+
                                                and our iGEM project. 20
 +
                                                 students joined this program. Most of them enjoyed the interesting
 +
                                                experiment they had never tried before.
 
                                             </p>
 
                                             </p>
                           
+
 
 
                                             <p class="hpcontent">
 
                                             <p class="hpcontent">
 
                                                 Why We Choose HWSH?
 
                                                 Why We Choose HWSH?
 
                                             </p>
 
                                             </p>
                           
+
 
 
                                             <p class="hpcontent">
 
                                             <p class="hpcontent">
                                                 Taichung municipal Hui-Wen High school is a senior high school located in central Taiwan. The
+
                                                 Taichung municipal Hui-Wen High school is a senior high school located
                                                 student of HWSH, various to other high school, embrace astronomy, biology, and science learning.
+
                                                in central of Taiwan. The
                                                 Their school educational program involves international exchange programs, clubs, science fair,
+
                                                 student in HWSH is various to other high school,which embrace
                                                 which are rare in normal Taiwanese education system.
+
                                                astronomy,
 +
                                                biology, and science learning.
 +
                                                 Their school educational program involves international exchange
 +
                                                programs, clubs, science fair,
 +
                                                 which are flipped classrooms in Taiwanese education system.
 
                                             </p>
 
                                             </p>
                           
+
 
                                             <p class="hpcontent">
+
                                             <p class="boldh5">
 
                                                 How We Proceed ?
 
                                                 How We Proceed ?
 
                                             </p>
 
                                             </p>
                           
+
                                            <br>
 
                                             <p class="hpcontent">
 
                                             <p class="hpcontent">
                                                 Before 5/21, we have contacted teachers in HWSH. Their teacher scheduled our program into their
+
                                                 Before 5/21, we have contacted teachers in HWSH. Their teacher
                                                 biology classes (08:00-10:00). Three of our members participated in this program. We shared our
+
                                                scheduled our program into their
                                                 college life in NCKU and demonstrated how our training from out major contributed to our project in
+
                                                 biology classes (08:00-10:00). Three of our members participated in
                                                 the team at first. We then introduced iGEM and the job of four compartments. We also went through
+
                                                this program. We shared our
                                                 our the idea and the concept of our project. For the last session of our program, we introduce some
+
                                                 college life and demonstrated how our training from out major
                                                 basic concept of the biological experiment, several important model organisms in synthetic biology,
+
                                                contributed to our project in
                                                 and the concept of Gram stain. We also teach them how to handle pipette precisely. In the final 40
+
                                                 the team at first. We then introduced iGEM and the job of four
                                                 minutes, it’s time for them to apply what they have learned to the experiment! We prepared the
+
                                                compartments. We also went through
                                                 sealed slides of Escherichia coli, Clostridium difficile in our lab. After connecting the optical
+
                                                 our the idea and the concept of our project. For the last session of
                                                 microscope with CCD camara , the live image was projected to the screen and the whole class could
+
                                                our program, we introduce some
                                                 observed the morphology of the bacteria. Students are totally exciting when they sucked liquid from
+
                                                 basic concept of the biological experiment, several important model
                                                 pipette successfully. They also asked us questions about our project and gave us lots of useful
+
                                                organisms in synthetic biology,
                                                 feedback! After this program, we received a message from a lovely student, who was burned the
+
                                                 and the concept of Gram stain. We also teach them how to handle pipette
                                                 passion for synthetic biology and want to join iGEM when she enters the college.
+
                                                precisely. In the final 40
 +
                                                 minutes, it’s time for them to apply what they have learned to the
 +
                                                experiment! We prepared the
 +
                                                 sealed slides of Escherichia coli, Clostridium difficile in our lab.
 +
                                                After connecting the optical
 +
                                                 microscope with CCD camara , the live image was projected to the screen
 +
                                                and the whole class could
 +
                                                 observed the morphology of the bacteria. Students are totally exciting
 +
                                                when they sucked liquid from
 +
                                                 pipette successfully. They also asked us questions about our project
 +
                                                and gave us lots of useful
 +
                                                 feedback! After this program, we received a message from a lovely
 +
                                                student, who was burned the
 +
                                                 passion for synthetic biology and want to join iGEM when she enters the
 +
                                                college.
 
                                             </p>
 
                                             </p>
                           
+
 
                                             <p class="hpcontent">
+
                                             <p class="boldh5">
 
                                                 Feedback
 
                                                 Feedback
 
                                             </p>
 
                                             </p>
                           
+
                                            <br>
 
                                             <p class="hpcontent">
 
                                             <p class="hpcontent">
                                                 This high school education program aims to share our project and the basic knowledge of synthetic
+
                                                 This high school education program aims to share our project and the
                                                 biology with high school students. We want to spark light in their minds that there are lots of
+
                                                basic knowledge of synthetic
                                                 knowledge beyond textbooks, and maybe they can join iGEM next year.(Our goal is to provoke their
+
                                                 biology with high school students. We want to spark light in their
                                                 interest in extracurricular learning and encourage them to participate such activities as iGEM.)
+
                                                minds that there are lots of
                                                 From their feedback form, we find all of them enjoying this course, and have more realized what is
+
                                                 knowledge beyond textbooks, and maybe they can join iGEM next year.(Our
                                                 synthetic Biology, OD meter, etc. Making more students understand and like igem let us happy, which
+
                                                goal is to provoke their
 +
                                                 interest in extracurricular learning and encourage them to participate
 +
                                                such activities as iGEM.)
 +
                                                 From their feedback form, we find all of them enjoying this course, and
 +
                                                have more realized what is
 +
                                                 synthetic Biology, OD meter, etc. Making more students understand and
 +
                                                like igem let us happy, which
 
                                                 also make us produce more motivation to go forward in igem competition.
 
                                                 also make us produce more motivation to go forward in igem competition.
                           
+
 
 
                                             </p>
 
                                             </p>
                           
+
 
                                             <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/1/17/T--NCKU_Tainan--home_20180521_180521_0029.jpg')"></div>
+
                                             <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/4/40/T--NCKU_Tainan--home_DSC_1284_%281%29_%281%29.jpg">
 +
 
 
                                         </div>
 
                                         </div>
                           
+
 
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
Line 125: Line 157:
 
                             <div class="card">
 
                             <div class="card">
 
                                 <div class="thumbnail">
 
                                 <div class="thumbnail">
                                     <img src="https://static.igem.org/mediawiki/2018/b/b6/T--NCKU_Tainan--home_IMG_9857_%281%29.jpg" class="left">
+
                                     <img src="https://static.igem.org/mediawiki/2018/b/b6/T--NCKU_Tainan--home_IMG_9857_%281%29.jpg"
 +
                                        class="left">
 
                                 </div>
 
                                 </div>
 
                                 <div class="right">
 
                                 <div class="right">
 
                                     <h1> iGEM Promotion in NNKIEH Elementary-School</h1>
 
                                     <h1> iGEM Promotion in NNKIEH Elementary-School</h1>
                                     <div id="cardtext">NCKU x Tainan team went to the Affiliated Elementary School of NNKIEH for education program.
+
                                     <div id="cardtext">NCKU x Tainan team went to the Affiliated Elementary School of
 +
                                        NNKIEH for education program.
 
                                         There were seven students participated in this program.
 
                                         There were seven students participated in this program.
 
                                     </div>
 
                                     </div>
Line 135: Line 169:
 
                                 <h9>12</h9>
 
                                 <h9>12</h9>
 
                                 <h6>JUNE</h6>
 
                                 <h6>JUNE</h6>
                                 <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal" data-target="#NKPS"><a>Read
+
                                 <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 +
                                    data-target="#NKPS"><a>Read
 
                                         More</a></div>
 
                                         More</a></div>
 
                             </div>
 
                             </div>
                           
+
 
 
                             <!-- Modal -->
 
                             <!-- Modal -->
                             <div class="modal fade" id="NKPS" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
+
                             <div class="modal fade" id="NKPS" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
 +
                                aria-hidden="true">
 
                                 <div class="modal-dialog" role="document">
 
                                 <div class="modal-dialog" role="document">
 
                                     <div class="modal-content">
 
                                     <div class="modal-content">
 
                                         <div class="modal-header">
 
                                         <div class="modal-header">
                                             <h5 class="modal-title" id="exampleModalLongTitle">iGEM Promotion in Hui-Wen High-School</h5>
+
                                             <h5 class="modal-title" id="exampleModalLongTitle">iGEM Promotion in
 +
                                                Hui-Wen High-School</h5>
 
                                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
                                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
                                                 <span aria-hidden="true">&times;</span>
 
                                                 <span aria-hidden="true">&times;</span>
 
                                             </button>
 
                                             </button>
 
                                         </div>
 
                                         </div>
                           
+
 
 
                                         <div class="modal-body">
 
                                         <div class="modal-body">
                           
+
 
 
                                             <p class="hpcontent">
 
                                             <p class="hpcontent">
                                                 May 2018, NCKU x Tainan team went to HWSH to promote synthetic biology and our iGEM project. 20
+
                                                 May 2018, NCKU x Tainan team went to HWSH to promote synthetic biology
                                                 students joined this program. They really enjoyed the experiment they had never tried before.
+
                                                and our iGEM project. 20
 +
                                                 students joined this program. They really enjoyed the experiment they
 +
                                                had never tried before.
 
                                             </p>
 
                                             </p>
                           
+
 
 
                                             <p class="hpcontent">
 
                                             <p class="hpcontent">
 
                                                 Why We Choose the Affiliated Elementary School of NNKIEH?
 
                                                 Why We Choose the Affiliated Elementary School of NNKIEH?
                           
+
 
 
                                             </p>
 
                                             </p>
                           
+
 
 
                                             <p class="hpcontent">
 
                                             <p class="hpcontent">
                                                 The Affiliated Elementary School of National Nanke International Experimental High School is a
+
                                                 The Affiliated Elementary School of National Nanke International
                                                 elementary school located in southern Taiwan and near the Southern Taiwan Science Park. The student
+
                                                Experimental High School is a
                                                 here embrace multi-language environment and science education, which vary from the other schools in
+
                                                 elementary school located in southern Taiwan and near the Southern
 +
                                                Taiwan Science Park. The student
 +
                                                 here embrace multi-language environment and science education, which
 +
                                                vary from the other schools in
 
                                                 Taiwan.
 
                                                 Taiwan.
                           
+
 
 
                                             </p>
 
                                             </p>
                           
+
 
 
                                             <p class="hpcontent">
 
                                             <p class="hpcontent">
 
                                                 How We Proceed ?
 
                                                 How We Proceed ?
 
                                             </p>
 
                                             </p>
                           
+
 
 
                                             <p class="hpcontent">
 
                                             <p class="hpcontent">
                                                 Before 6/12, we have contacted teachers in the Affiliated Elementary School of NNKIEH. Their
+
                                                 Before 6/12, we have contacted teachers in the Affiliated Elementary
                                                 teacher scheduled our program into their science classes (09:00-11:00) and we had one our to launch
+
                                                School of NNKIEH. Their
                                                 our slide and the materials of the experiment. Three of our members participated in this program.
+
                                                 teacher scheduled our program into their science classes (09:00-11:00)
                                                 First, we had twenty minutes for our lecture, which we introduced the basic concept of the cell
+
                                                and we had one our to launch
                                                 included the structure of the cell and the level of the organism. Than, the students observed the
+
                                                 our slide and the materials of the experiment. Three of our members
                                                 different kinds of cells specimen under the microscope. After the observation, we prepared an
+
                                                participated in this program.
                                                 experiment for them. We instructed them the step to extract their own DNA by some materials in the
+
                                                 First, we had twenty minutes for our lecture, which we introduced the
                                                 common life. After the program, we had ten minutes for review the lecture and let them write it
+
                                                basic concept of the cell
 +
                                                 included the structure of the cell and the level of the organism. Than,
 +
                                                the students observed the
 +
                                                 different kinds of cells specimen under the microscope. After the
 +
                                                observation, we prepared an
 +
                                                 experiment for them. We instructed them the step to extract their own
 +
                                                DNA by some materials in the
 +
                                                 common life. After the program, we had ten minutes for review the
 +
                                                lecture and let them write it
 
                                                 down.
 
                                                 down.
                           
+
 
 
                                             </p>
 
                                             </p>
                           
+
 
 
                                             <p class="hpcontent">
 
                                             <p class="hpcontent">
 
                                                 Experimental Procedure:
 
                                                 Experimental Procedure:
 
                                             </p>
 
                                             </p>
                           
+
 
 
                                             <p class="hpcontent">
 
                                             <p class="hpcontent">
                                                 Step 1: Add several drops of liquid dish soap and 2 tbsp of salt into 20ml of water. Set aside, you
+
                                                 Step 1: Add several drops of liquid dish soap and 2 tbsp of salt into
 +
                                                20ml of water. Set aside, you
 
                                                 will need it later.</br>
 
                                                 will need it later.</br>
                                                 Step 2: Squeeze juice from pineapple! (Tips: You may squeeze it with a towel)</br>
+
                                                 Step 2: Squeeze juice from pineapple! (Tips: You may squeeze it with a
                                                 Step 3: Gargle with 20ml of drinking water for 1 minute. (Make sure you do this step well to get
+
                                                towel)</br>
                                                 sufficient oral cells) After that, split it back into a tube/ clear plastic cup.</br>
+
                                                 Step 3: Gargle with 20ml of drinking water for 1 minute. (Make sure you
                                                 Step 4: Mix the solution you have prepared in step 1 with the oral cell containing solution. Stir
+
                                                do this step well to get
 +
                                                 sufficient oral cells) After that, split it back into a tube/ clear
 +
                                                plastic cup.</br>
 +
                                                 Step 4: Mix the solution you have prepared in step 1 with the oral cell
 +
                                                containing solution. Stir
 
                                                 it gently, avoid causing bubbles from the soap.</br>
 
                                                 it gently, avoid causing bubbles from the soap.</br>
                           
+
 
 
                                             </p>
 
                                             </p>
                           
+
 
 
                                             <p class="hpcontent">
 
                                             <p class="hpcontent">
 
                                                 Feedback
 
                                                 Feedback
 
                                             </p>
 
                                             </p>
                           
+
 
 
                                             <p class="hpcontent">
 
                                             <p class="hpcontent">
                                                 This high school education program aims to share our project and the basic knowledge of synthetic
+
                                                 This high school education program aims to share our project and the
                                                 biology with high school students. We want to spark light in their minds that there are lots of
+
                                                basic knowledge of synthetic
                                                 knowledge beyond textbooks, and maybe they can join iGEM next year.(Our goal is to provoke their
+
                                                 biology with high school students. We want to spark light in their
                                                 interest in extracurricular learning and encourage them to participate such activities as iGEM.)
+
                                                minds that there are lots of
                                                 From their feedback form, we find all of them enjoying this course, and have more realized what is
+
                                                 knowledge beyond textbooks, and maybe they can join iGEM next year.(Our
                                                 synthetic Biology, OD meter, etc. Making more students understand and like igem let us happy, which
+
                                                goal is to provoke their
 +
                                                 interest in extracurricular learning and encourage them to participate
 +
                                                such activities as iGEM.)
 +
                                                 From their feedback form, we find all of them enjoying this course, and
 +
                                                have more realized what is
 +
                                                 synthetic Biology, OD meter, etc. Making more students understand and
 +
                                                like igem let us happy, which
 
                                                 also make us produce more motivation to go forward in igem competition.
 
                                                 also make us produce more motivation to go forward in igem competition.
                           
+
 
 
                                             </p>
 
                                             </p>
                           
+
                                             <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/c/ce/T--NCKU_Tainan--home_IMG_9854_%281%29.jpg">
                                             <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/c/ce/T--NCKU_Tainan--home_IMG_9854_%281%29.jpg')"></div>
+
 
 
                                         </div>
 
                                         </div>
                           
+
 
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
Line 225: Line 286:
  
  
                         
 
  
                    </div>
 
  
                    <div id="list-item-2">
+
                        </div>
  
                         </br></br></br></br>
+
                         <div id="Public_Engagement">
                        <h3>Public Engagement</h3></br>
+
                            <h3>Public Engagement</h3></br>
  
                        <div class="card">
+
                            <div class="card">
                            <div class="thumbnail">
+
                                <div class="thumbnail">
                                <img src="https://static.igem.org/mediawiki/2018/6/63/T--NCKU_Tainan--home_S_28879180_1646794312083034_903553736_o.jpg" class="left">
+
                                    <img src="https://static.igem.org/mediawiki/2018/1/1d/T--NCKU_Tainan--home_IMG_6717%281%29.jpg"
                            </div>
+
                                        class="left">
                            <div class="right">
+
                                </div>
                                <h1>2018 Club Fair</h1>
+
                                <div class="right">
                                <div id="cardtext">iGEM NCKU has applied for becoming a synthetic biology cub in NCKU.</div>
+
                                    <h1>Meeting with NCKU President
                            </div>
+
                                     </h1>
                            <h9>7</h9>
+
                                     <div id="cardtext">
                            <h6>MAR</h6>
+
                                         “Not to always think about what medal you will get in the end,
                            <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal" data-target="#CF"><a>Read
+
                                         the only thing you need to do is to make all-out effort to fulfill the project.
                                     More</a></div>
+
                                         The most important thing is what you learn during the journey. ” president
                        </div>
+
                                         said.
                       
+
                        <!-- Modal -->
+
                        <div class="modal fade" id="CF" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
+
                            <div class="modal-dialog" role="document">
+
                                <div class="modal-content">
+
                                     <div class="modal-header">
+
                                        <h5 class="modal-title" id="exampleModalLongTitle">2018 Club Fair</h5>
+
                                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+
                                            <span aria-hidden="true">&times;</span>
+
                                        </button>
+
                                    </div>
+
                       
+
                                    <div class="modal-body">
+
                       
+
                                        <p class="hpcontent">
+
                                            iGEM NCKU has applied for becoming a synthetic biology cub in NCKU. In this day, we went around to
+
                                            promote iGEM NCKU and explain our research space presently such that more students get interest in
+
                                            what iGEM is.
+
                       
+
                                         </p>
+
                       
+
                                        <p class="hpcontent">
+
                                            We have our stand where we displaying our poster to show what iGEM is to students. We left the
+
                                            contact information to students who have interest in iGEM competition. We also go around at random
+
                                            greeting people and introducing iGEM to others passionately. Some student inquired question about
+
                                            iGEM and exclaimed in admiration to our explain. We made every effort to explain iGEM-related
+
                                            answer to them.
+
                       
+
                                         </p>
+
                       
+
                                        <p class="hpcontent">
+
                                            We attracted students and aroused their curiosity successfully. All of our team enjoyed this Club
+
                                            Fair well and had more motivation to study our brainstorming.
+
                       
+
                                         </p>
+
                       
+
                                        <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/6/63/T--NCKU_Tainan--home_S_28879180_1646794312083034_903553736_o.jpg')"></div>
+
 
                                     </div>
 
                                     </div>
                       
 
 
                                 </div>
 
                                 </div>
 +
                                <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 +
                                    data-target="#MUNCKU"><a>Read
 +
                                        More</a></div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="card">
+
                            <!-- Modal -->
                            <div class="thumbnail">
+
                            <div class="modal fade" id="MUNCKU" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
                                <img src="https://static.igem.org/mediawiki/2018/2/28/T--NCKU_Tainan--home_DSC02764.JPG" class="left">
+
                                aria-hidden="true">
                            </div>
+
                                <div class="modal-dialog" role="document">
                            <div class="right">
+
                                    <div class="modal-content">
                                <h1>iGEM Promotion in NCKU</h1>
+
                                        <div class="modal-header">
                                <div id="cardtext">NCKU igem team were invited by department of medicine
+
                                            <h5 class="modal-title" id="exampleModalLongTitle">Meeting with
                                        and Department of Medical Laboratory Science and Biotechnology to share our experience in iGEM
+
                                                NCKU President
                                        competition.</div>
+
                                            </h5>
 +
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 +
                                                <span aria-hidden="true">&times;</span>
 +
                                            </button>
 +
                                        </div>
 +
 
 +
                                        <div class="modal-body">
 +
 
 +
                                            <p class="hpcontent">
 +
                                                March 12, 2018
 +
                                            </p>
 +
 
 +
                                            <p class="hpcontent">
 +
                                                Today, we were so glad to have lunch with our president Dr.
 +
                                                Huey-Jen Jenny Su from NCKU. Our
 +
                                                meeting time was the day before our semester presentation,
 +
                                                so we were excited to tell the president
 +
                                                what we going to do. Since the president has been our
 +
                                                important support from the first year of
 +
                                                igem-NCKU three years ago, we had a great time about
 +
                                                introducing all the 2018 team members to
 +
                                                president. We mentioned about why we want to join the igem
 +
                                                competition and what we expect to do in
 +
                                                the following 6 months. After listening our background and
 +
                                                some challenges we may face, she showed
 +
                                                a lot of concerned and gave us a lot of advises which
 +
                                                really encourage us.
 +
                                            </p>
 +
 
 +
                                            <p class="hpcontent">
 +
                                                “Not to always think about what medal you will get in the
 +
                                                end, the only thing you need to do is to
 +
                                                make all-out effort to fulfill the project. The most
 +
                                                important thing is what you learn during the
 +
                                                journey. ” president said.It was a great lunch talk. All of
 +
                                                us will keep in mind what the president
 +
                                                told us.
 +
 
 +
                                            </p>
 +
 
 +
                                            <p class="hpcontent">
 +
                                                September 6, 2018
 +
                                            </p>
 +
 
 +
                                            <p class="hpcontent">
 +
                                                Through the 8 months passed, we have output some wet
 +
                                                results , constructed dry models and went
 +
                                                through some HP activities. In this meeting with NCKU
 +
                                                president, we reported our current schedule
 +
                                                for the president. Since our president Dr. Huey-Jen Jenny
 +
                                                Su from NCKU have research experience
 +
                                                which is related to our project content, she reminded us of
 +
                                                what we have more care about and where
 +
                                                we can do more well.
 +
                                            </p>
 +
 
 +
                                            <p class="hpcontent">
 +
                                                Dr. Huey-Jen Jenny Su from NCKU gave us many support about
 +
                                                the iGEM competition, which let us do
 +
                                                the project more smoothly. We appreciate everyone who helps
 +
                                                and gives us recommendations to improve
 +
                                                our project. With president's help and advice, we know more
 +
                                                about what we can do and work hard in
 +
                                                less than two months.
 +
                                            </p>
 +
 
 +
                                            <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/f/f5/T--NCKU_Tainan--home_NCKU.jpg">
 +
 
 +
                                        </div>
 +
 
 +
                                    </div>
 +
                                </div>
 
                             </div>
 
                             </div>
                            <h9>27</h9>
+
 
                            <h6>MAY</h6>
+
 
                            <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal" data-target="#IGEMP"><a>Read
+
 
                                    More</a></div>
+
 
                        </div>
+
 
                       
+
 
                        <!-- Modal -->
+
                             <div class="card">
                        <div class="modal fade" id="IGEMP" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
+
                                 <div class="thumbnail">
                             <div class="modal-dialog" role="document">
+
                                     <img src="https://static.igem.org/mediawiki/2018/3/31/T--NCKU_Tainan--home_IMG_8642_%281%29.jpg"
                                 <div class="modal-content">
+
                                         class="left">
                                     <div class="modal-header">
+
                                </div>
                                         <h5 class="modal-title" id="exampleModalLongTitle">iGEM Promotion in NCKU Spring medical speech</h5>
+
                                <div class="right">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+
                                    <h1>2018 NCKU Bike Festival</h1>
                                            <span aria-hidden="true">&times;</span>
+
                                     <div id="cardtext">
                                        </button>
+
                                         NCKU Bike Festival is a famous activity for NCKU to exhibit and introduce every
                                     </div>
+
                                        college department to south Taiwan senior high students. We seize this chance
                       
+
                                         to make an effort to expose iGEM to people.
                                    <div class="modal-body">
+
                                         <p class="hpcontent">
+
                                            NCKU Spring medical speech is an annual One-Day-camp for the high school students who is interested
+
                                            in medical school in Taiwan. Through this camp, high school students have opportunities to closely
+
                                            contact with all kinds of departments related to medical. Since the first year of NCKU igem team
+
                                            establish, NCKU college of medicine have given a lot of support and many students in college of
+
                                            medicine joined iGEN competition. Therefore, NCKU igem team were invited by department of medicine
+
                                            and Department of Medical Laboratory Science and Biotechnology to share our experience in iGEM
+
                                            competition. Through this speech, we could spread our passion in iGEM to all the high school
+
                                            students.
+
                                         </p>
+
                       
+
                                        <p class="hpcontent">
+
                                            2016 iGEM_NCKU “UNO” designed a non-invasive blood glucosemeter in synthetic biological way. The
+
                                            next year, 2017 iGEM_NCKU "NO problem" made an nitrate sensor boat to deal with the aquaculture
+
                                            problem. This year, 2018 iGEM_NCKU aim to change the sequence of E. coli gene to run a more
+
                                            efficiency method in biological carbon capture. We gave some basic knowledge about synthetic
+
                                            biology to high school students, and what we learn during paper review in iGEM competition,
+
                                            synthetic biology, and whole CO2 problem. In addition, interdeparmental collaboration is a key
+
                                            feature of NCKU. Through iGEM, medical student can have more communication with other students came
+
                                            from different departments. Besides, we all gain a great sense of achievement after we finish the
+
                                            whole project which is not only a result of research, but a complete final product that we can show
+
                                            all the audiences.
+
                                        </p>
+
                       
+
                                        <p class="hpcontent">
+
                                            After the speech, many students showed their interest on iGEM. We also received recognition for
+
                                            giving a briefly introduction from chairmen of department of medicine and Department of Medical
+
                                            Laboratory Science and Biotechnology who invited us.
+
                                        </p>
+
                       
+
                                        <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/d/dd/T--NCKU_Tainan--home_DSC02767.JPG')"></div>
+
 
                                     </div>
 
                                     </div>
 +
                                </div>
 +
                                <h9>3</h9>
 +
                                <h6>MAR</h6>
 +
                                <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 +
                                    data-target="#NBF"><a>Read
 +
                                        More</a></div>
 +
                            </div>
  
                                     <div class="card">
+
                            <!-- Modal -->
                                         <div class="thumbnail">
+
                            <div class="modal fade" id="NBF" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
                                             <img src="https://static.igem.org/mediawiki/2018/1/1d/T--NCKU_Tainan--home_IMG_6717%281%29.jpg" class="left">
+
                                aria-hidden="true">
 +
                                <div class="modal-dialog" role="document">
 +
                                     <div class="modal-content">
 +
                                         <div class="modal-header">
 +
                                             <h5 class="modal-title" id="exampleModalLongTitle">2018 NCKU
 +
                                                Bike Festival</h5>
 +
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 +
                                                <span aria-hidden="true">&times;</span>
 +
                                            </button>
 
                                         </div>
 
                                         </div>
                                         <div class="right">
+
 
                                             <h1>Meeting with NCKU President
+
                                         <div class="modal-body">
                                                 </h1>
+
 
                                             <div id="cardtext">We had meet up with our president Dr. Huey-Jen Jenny Su from NCKU.</div>
+
                                             <p class="hpcontent">
 +
                                                NCKU Bike Festival is a famous activity for NCKU to exhibit
 +
                                                 and introduce every college department
 +
                                                to south Taiwan senior high students. We seized this chance
 +
                                                to make an effort to expose iGEM to
 +
                                                people.
 +
                                            </p>
 +
 
 +
                                             <p class="hpcontent">
 +
                                                What we done are as follows:
 +
                                            </p>
 +
 
 +
                                            <p class="hpcontent">Designing a synthetic biology – related game for them
 +
                                                to
 +
                                                play.</p>
 +
                                            <p class="hpcontent">Explaining what iGEM is for everyone.</p>
 +
                                            <p class="hpcontent">Using Facebook and intasgram for the lucky draw
 +
                                                on-the-spot
 +
                                                to enhance event delight.</p>
 +
                                            <p class="hpcontent">Inquiring people’s comments about our idea.</p>
 +
                                            <p class="hpcontent">designing biological-related game for students.</p>
 +
 
 +
                                            <p class="hpcontent">
 +
                                                We hope that we can use interesting games and community
 +
                                                interaction to let
 +
                                                students know what synthetic biology is. Also, it is a
 +
                                                great opportunity to let more NCKU students
 +
                                                and
 +
                                                high school student know there is such an awesome
 +
                                                competition in Boston. As for our team, we
 +
                                                enjoyed
 +
                                                all process during iGEM competition period!
 +
                                            </p>
 +
 
 +
                                            <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/f/f3/T--NCKU_Tainan--nckubike.jpeg">
 +
 
 
                                         </div>
 
                                         </div>
                                        <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal" data-target="#MUNCKU"><a>Read
+
 
                                                More</a></div>
+
 
                                     </div>
 
                                     </div>
                                   
+
                                </div>
                                    <!-- Modal -->
+
                            </div>
                                    <div class="modal fade" id="MUNCKU" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
+
 
                                        <div class="modal-dialog" role="document">
+
 
                                            <div class="modal-content">
+
                            <div class="card">
                                                <div class="modal-header">
+
                                <div class="thumbnail">
                                                    <h5 class="modal-title" id="exampleModalLongTitle">Meeting with NCKU President
+
                                    <img src="https://static.igem.org/mediawiki/2018/9/95/T--NCKU_Tainan--clubfair.jpeg"
                                                        </h5>
+
                                        class="left">
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+
                                </div>
                                                        <span aria-hidden="true">&times;</span>
+
                                <div class="right">
                                                    </button>
+
                                     <h1>2018 Club Fair</h1>
                                                </div>
+
                                     <div id="cardtext">
                                   
+
                                        In the NCKU club fair, we went around to promote iGEM NCKU and explain our
                                                <div class="modal-body">
+
                                        research space presently such that more students get interest in what iGEM is.
                                      
+
                                                    <p class="hpcontent">
+
                                                        March 12, 2018
+
                                                    </p>
+
                                      
+
                                                    <p class="hpcontent">
+
                                                        Today, we were so glad to have lunch with our president Dr. Huey-Jen Jenny Su from NCKU. Our
+
                                                        meeting time was the day before our semester presentation, so we were excited to tell the president
+
                                                        what we going to do. Since the president has been our important support from the first year of
+
                                                        igem-NCKU three years ago, we had a great time about introducing all the 2018 team members to
+
                                                        president. We mentioned about why we want to join the igem competition and what we expect to do in
+
                                                        the following 6 months. After listening our background and some challenges we may face, she showed
+
                                                        a lot of concerned and gave us a lot of advises which really encourage us.
+
                                                    </p>
+
                                   
+
                                                    <p class="hpcontent">
+
                                                        “Not to always think about what medal you will get in the end, the only thing you need to do is to
+
                                                        make all-out effort to fulfill the project. The most important thing is what you learn during the
+
                                                        journey. ” president said.It was a great lunch talk. All of us will keep in mind what the president
+
                                                        told us.
+
                                   
+
                                                    </p>
+
                                   
+
                                                    <p class="hpcontent">
+
                                                        September 6, 2018
+
                                                    </p>
+
                                   
+
                                                    <p class="hpcontent">
+
                                                        Through the 8 months passed, we have output some wet results , constructed dry models and went
+
                                                        through some HP activities. In this meeting with NCKU president, we reported our current schedule
+
                                                        for the president. Since our president Dr. Huey-Jen Jenny Su from NCKU have research experience
+
                                                        which is related to our project content, she reminded us of what we have more care about and where
+
                                                        we can do more well.
+
                                                    </p>
+
                                   
+
                                                    <p class="hpcontent">
+
                                                        Dr. Huey-Jen Jenny Su from NCKU gave us many support about the iGEM competition, which let us do
+
                                                        the project more smoothly. We appreciate everyone who helps and gives us recommendations to improve
+
                                                        our project. With president's help and advice, we know more about what we can do and work hard in
+
                                                        less than two months.
+
                                                    </p>
+
                                   
+
                                                    <div class="carousel-item active" style="background-image: url('https://2018.igem.org/File:T--NCKU_Tainan--home_S_9347119.jpg')"></div>
+
                                                </div>
+
                                   
+
                                            </div>
+
                                        </div>
+
 
                                     </div>
 
                                     </div>
 +
                                </div>
 +
                                <h9>7</h9>
 +
                                <h6>MAR</h6>
 +
                                <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 +
                                    data-target="#CF"><a>Read
 +
                                        More</a></div>
 +
                            </div>
  
                                     <div class="card">
+
                            <!-- Modal -->
                                         <div class="thumbnail">
+
                            <div class="modal fade" id="CF" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
                                             <img src="https://static.igem.org/mediawiki/2018/3/31/T--NCKU_Tainan--home_IMG_8642_%281%29.jpg" class="left">
+
                                aria-hidden="true">
 +
                                <div class="modal-dialog" role="document">
 +
                                     <div class="modal-content">
 +
                                         <div class="modal-header">
 +
                                             <h5 class="modal-title" id="exampleModalLongTitle">2018 Club Fair</h5>
 +
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 +
                                                <span aria-hidden="true">&times;</span>
 +
                                            </button>
 
                                         </div>
 
                                         </div>
                                         <div class="right">
+
 
                                             <h1>2018 NCKU Bike Festival</h1>
+
                                         <div class="modal-body">
                                             <div id="cardtext">NCKU Bike Festival is a famous activity for NCKU to exhibit and introduce every college department
+
 
                                                    to south Taiwan senior high students.</div>
+
                                             <p class="hpcontent">
 +
                                                iGEM NCKU has applied for becoming a synthetic biology cub in NCKU. In
 +
                                                this day, we went around to
 +
                                                promote iGEM NCKU and explain our research space presently such that
 +
                                                more students get interest in
 +
                                                what iGEM is.
 +
 
 +
                                            </p>
 +
 
 +
                                             <p class="hpcontent">
 +
                                                We have our stand where we displaying our poster to show what iGEM is
 +
                                                to students. We left the
 +
                                                contact information to students who have interest in iGEM competition.
 +
                                                We also go around at random
 +
                                                greeting people and introducing iGEM to others passionately. Some
 +
                                                student inquired question about
 +
                                                iGEM and exclaimed in admiration to our explain. We made every effort
 +
                                                to explain iGEM-related
 +
                                                answer to them.
 +
 
 +
                                            </p>
 +
 
 +
                                            <p class="hpcontent">
 +
                                                We attracted students and aroused their curiosity successfully. All of
 +
                                                our team enjoyed this Club
 +
                                                Fair well and had more motivation to study our brainstorming.
 +
 
 +
                                            </p>
 +
 
 +
                                            <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/7/7c/T--NCKU_Tainan--clubfair2.jpeg">
 +
 
 
                                         </div>
 
                                         </div>
                                        <h9>3</h9>
+
 
                                        <h6>MAR</h6>
+
                                        <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal" data-target="#NBF"><a>Read
+
                                                More</a></div>
+
 
                                     </div>
 
                                     </div>
                                   
+
                                </div>
                                    <!-- Modal -->
+
                            </div>
                                    <div class="modal fade" id="NBF" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
+
 
                                        <div class="modal-dialog" role="document">
+
                            <div class="card">
                                            <div class="modal-content">
+
                                <div class="thumbnail">
                                                <div class="modal-header">
+
                                    <img src="https://static.igem.org/mediawiki/2018/a/a1/T--NCKU_Tainan--home_IMG_8890_%281%29.jpg"
                                                    <h5 class="modal-title" id="exampleModalLongTitle">2018 NCKU Bike Festival</h5>
+
                                        class="left">
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+
                                </div>
                                                        <span aria-hidden="true">&times;</span>
+
                                <div class="right">
                                                    </button>
+
                                     <h1>2018 The First Presentation</h1>
                                                </div>
+
                                     <div id="cardtext">
                                   
+
                                        On March 13, we had our first presentation about our brainstorming. We
                                                <div class="modal-body">
+
                                        presented our brainstorming in order to let people and professors to realize
                                      
+
                                        our idea and vote one of our idea to become our final project.
                                                    <p class="hpcontent">
+
                                                        NCKU Bike Festival is a famous activity for NCKU to exhibit and introduce every college department
+
                                                        to south Taiwan senior high students. We seized this chance to make an effort to expose iGEM to
+
                                                        people.
+
                                                    </p>
+
                                      
+
                                                    <p class="hpcontent">
+
                                                        What we done are as follows:
+
                                                    </p>
+
                                   
+
                                                    <li>Designing a synthetic biology – related game for them to play.</li>
+
                                                    <li>Explaining what iGEM is for everyone.</li>
+
                                                    <li>Using Facebook and intasgram for the lucky draw on-the-spot to enhance event delight.</li>
+
                                                    <li>Inquiring people’s comments about our idea.</li>
+
                                                    <li>designing biological-related game for students.</li>
+
                                   
+
                                                    <p class="hpcontent">
+
                                                        We hope that we can use interesting games and community interaction to let
+
                                                        students know what synthetic biology is. Also, it is a great opportunity to let more NCKU students
+
                                                        and
+
                                                        high school student know there is such an awesome competition in Boston. As for our team, we
+
                                                        enjoyed
+
                                                        all process during iGEM competition period!
+
                                                    </p>
+
                                   
+
                                                    <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/7/7d/T--NCKU_Tainan--home_IMG_8492_%281%29.jpg')"></div>
+
                                                </div>
+
                                   
+
                                            </div>
+
                                        </div>
+
 
                                     </div>
 
                                     </div>
 +
                                </div>
 +
                                <h9>13</h9>
 +
                                <h6>MAR</h6>
 +
                                <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 +
                                    data-target="#TFP"><a>Read
 +
                                        More</a></div>
 +
                            </div>
  
                                     <div class="card">
+
                            <!-- Modal -->
                                         <div class="thumbnail">
+
                            <div class="modal fade" id="TFP" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
                                             <img src="https://static.igem.org/mediawiki/2018/5/59/T--NCKU_Tainan--home_IMG_7547_%281%29.JPG" class="left">
+
                                aria-hidden="true">
 +
                                <div class="modal-dialog" role="document">
 +
                                     <div class="modal-content">
 +
                                         <div class="modal-header">
 +
                                             <h5 class="modal-title" id="exampleModalLongTitle">2018 The
 +
                                                First Presentation</h5>
 +
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 +
                                                <span aria-hidden="true">&times;</span>
 +
                                            </button>
 
                                         </div>
 
                                         </div>
                                         <div class="right">
+
 
                                            <h1>2018 The First Presentation</h1>
+
                                         <div class="modal-body">
                                             <div id="cardtext">We presented our brainstorming
+
 
                                                    in order to let people and professors to realize our idea and vote one of our idea to become our
+
                                             <p class="hpcontent">
                                                    final project.</div>
+
                                                On March 13, we had our first presentation about our
 +
                                                brainstorming. We presented our brainstorming
 +
                                                in order to let people and professors to realize our idea
 +
                                                and vote one of our idea to become our
 +
                                                final project.
 +
                                            </p>
 +
 
 +
                                            <p class="hpcontent">
 +
                                                We had three topics, including cleaning up oil spill,
 +
                                                detection of pathogens and carbon capture.
 +
                                                Each group had twenty minutes to present their idea, then
 +
                                                we entered the Q&A stage, which made each
 +
                                                group more realize their problem and blind spot so that
 +
                                                they had do more work and brainstorming to
 +
                                                solve these problem.
 +
                                            </p>
 +
 
 +
                                            <p class="hpcontent">
 +
                                                After our presentation, we obtained lots of feedback. In
 +
                                                addition, we met NCTU iGEM team after our
 +
                                                semester presentation. We had our dinner together and
 +
                                                talked about our project. Since NCTU team and
 +
                                                we hadn’t set our mind on solving specific problem, we made
 +
                                                some wide discussion about agricultural
 +
                                                and environmental issues in Taiwan. We also talked about
 +
                                                our team composition the way how we
 +
                                                recruit our team members.
 +
                                            </p>
 +
 
 +
                                            <p class="hpcontent">
 +
                                                We had a pleasant time exchanging our ideas and chatting
 +
                                                with each other. We believed that we could
 +
                                                build up cooperation relationship in the iGEM competition.
 +
                                            </p>
 +
 
 +
                                            <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/8/83/T--NCKU_Tainan--home_IMG_8718_%281%29.jpg">
 +
 
 
                                         </div>
 
                                         </div>
                                        <h9>13</h9>
+
 
                                        <h6>MAR</h6>
+
                                        <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal" data-target="#TFP"><a>Read
+
                                                More</a></div>
+
 
                                     </div>
 
                                     </div>
                                      
+
                                </div>
                                     <!-- Modal -->
+
                            </div>
                                    <div class="modal fade" id="TFP" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
+
 
                                        <div class="modal-dialog" role="document">
+
 
                                            <div class="modal-content">
+
                            <div class="card">
                                                <div class="modal-header">
+
                                <div class="thumbnail">
                                                    <h5 class="modal-title" id="exampleModalLongTitle">2018 The First Presentation</h5>
+
                                     <img src="https://static.igem.org/mediawiki/2018/2/28/T--NCKU_Tainan--home_DSC02764.JPG"
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+
                                        class="left">
                                                        <span aria-hidden="true">&times;</span>
+
                                </div>
                                                    </button>
+
                                <div class="right">
                                                </div>
+
                                    <h1>iGEM Promotion in NCKU</h1>
                                   
+
                                     <div id="cardtext">NCKU igem team were invited by department of medicine
                                                <div class="modal-body">
+
                                        and Department of Medical Laboratory Science and Biotechnology to share our
                                   
+
                                        experience in iGEM
                                                    <p class="hpcontent">
+
                                        competition.</div>
                                                        On March 13, we had our first presentation about our brainstorming. We presented our brainstorming
+
                                </div>
                                                        in order to let people and professors to realize our idea and vote one of our idea to become our
+
                                <h9>27</h9>
                                                        final project.
+
                                <h6>MAY</h6>
                                                    </p>
+
                                <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
                                   
+
                                    data-target="#IGEMP"><a>Read
                                                    <p class="hpcontent">
+
                                        More</a></div>
                                                        We had three topics, including cleaning up oil spill, detection of pathogens and carbon capture.
+
                            </div>
                                                        Each group had twenty minutes to present their idea, then we entered the Q&A stage, which made each
+
 
                                                        group more realize their problem and blind spot so that they had do more work and brainstorming to
+
                            <!-- Modal -->
                                                        solve these problem.
+
                            <div class="modal fade" id="IGEMP" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
                                                    </p>
+
                                aria-hidden="true">
                                   
+
                                <div class="modal-dialog" role="document">
                                                    <p class="hpcontent">
+
                                    <div class="modal-content">
                                                        After our presentation, we obtained lots of feedback. In addition, we met NCTU iGEM team after our
+
                                        <div class="modal-header">
                                                        semester presentation. We had our dinner together and talked about our project. Since NCTU team and
+
                                            <h5 class="modal-title" id="exampleModalLongTitle">iGEM Promotion in NCKU
                                                        we hadn’t set our mind on solving specific problem, we made some wide discussion about agricultural
+
                                                Spring medical speech</h5>
                                                        and environmental issues in Taiwan. We also talked about our team composition the way how we
+
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        recruit our team members.
+
                                                <span aria-hidden="true">&times;</span>
                                                    </p>
+
                                            </button>
                                   
+
                                                    <p class="hpcontent">
+
                                                        We had a pleasant time exchanging our ideas and chatting with each other. We believed that we could
+
                                                        build up cooperation relationship in the iGEM competition.
+
                                                    </p>
+
                                   
+
                                   
+
                                                    <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/8/83/T--NCKU_Tainan--home_IMG_8718_%281%29.jpg')"></div>
+
                                                </div>
+
                                   
+
                                            </div>
+
 
                                         </div>
 
                                         </div>
 +
 +
                                        <div class="modal-body">
 +
                                            <p class="hpcontent">
 +
                                                NCKU Spring medical speech is an annual One-Day-camp for the high
 +
                                                school students who is interested
 +
                                                in medical school in Taiwan. Through this camp, high school students
 +
                                                have opportunities to closely
 +
                                                contact with all kinds of departments related to medical. Since the
 +
                                                first year of NCKU igem team
 +
                                                establish, NCKU college of medicine have given a lot of support and
 +
                                                many students in college of
 +
                                                medicine joined iGEN competition. Therefore, NCKU igem team were
 +
                                                invited by department of medicine
 +
                                                and Department of Medical Laboratory Science and Biotechnology to share
 +
                                                our experience in iGEM
 +
                                                competition. Through this speech, we could spread our passion in iGEM
 +
                                                to all the high school
 +
                                                students.
 +
                                            </p>
 +
 +
                                            <p class="hpcontent">
 +
                                                2016 iGEM_NCKU “UNO” designed a non-invasive blood glucosemeter in
 +
                                                synthetic biological way. The
 +
                                                next year, 2017 iGEM_NCKU "NO problem" made an nitrate sensor boat to
 +
                                                deal with the aquaculture
 +
                                                problem. This year, 2018 iGEM_NCKU aim to change the sequence of E.
 +
                                                coli gene to run a more
 +
                                                efficiency method in biological carbon capture. We gave some basic
 +
                                                knowledge about synthetic
 +
                                                biology to high school students, and what we learn during paper review
 +
                                                in iGEM competition,
 +
                                                synthetic biology, and whole CO2 problem. In addition, interdeparmental
 +
                                                collaboration is a key
 +
                                                feature of NCKU. Through iGEM, medical student can have more
 +
                                                communication with other students came
 +
                                                from different departments. Besides, we all gain a great sense of
 +
                                                achievement after we finish the
 +
                                                whole project which is not only a result of research, but a complete
 +
                                                final product that we can show
 +
                                                all the audiences.
 +
                                            </p>
 +
 +
                                            <p class="hpcontent">
 +
                                                After the speech, many students showed their interest on iGEM. We also
 +
                                                received recognition for
 +
                                                giving a briefly introduction from chairmen of department of medicine
 +
                                                and Department of Medical
 +
                                                Laboratory Science and Biotechnology who invited us.
 +
                                            </p>
 +
 +
                                            <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/d/dd/T--NCKU_Tainan--home_DSC02767.JPG">
 +
 +
                                        </div>
 +
 +
 +
 
                                     </div>
 
                                     </div>
                       
 
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
 +
                            <div class="card">
 +
                                <div class="thumbnail">
 +
                                    <img src="https://static.igem.org/mediawiki/2018/0/02/T--NCKU_Tainan--ITRI.png" class="left">
 +
                                </div>
 +
                                <div class="right">
 +
                                    <h1>Visit Biotechnology Green Energy Expo</h1>
 +
                                    <div id="cardtext">
 +
                                        We participated in the Biotechnology Green Energy Expo.There are many stands
 +
                                        about the biotechnology product. After this visit, we realize that we have to
 +
                                        more understand our product strengths, potential client and other resources
 +
                                        which benefit our idea.
 +
                                    </div>
 +
                                </div>
 +
                                <h9>6</h9>
 +
                                <h6>OCT</h6>
 +
                                <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 +
                                    data-target="#IGEM"><a>Read
 +
                                        More</a></div>
 +
                            </div>
  
 +
                            <!-- Modal -->
 +
                            <div class="modal fade" id="IGEM" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
 +
                                aria-hidden="true">
 +
                                <div class="modal-dialog" role="document">
 +
                                    <div class="modal-content">
 +
                                        <div class="modal-header">
 +
                                            <h5 class="modal-title" id="exampleModalLongTitle">Visit Biotechnology
 +
                                                Green Energy Expo</h5>
 +
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 +
                                                <span aria-hidden="true">&times;</span>
 +
                                            </button>
 +
                                        </div>
  
                       
+
                                        <div class="modal-body">
 +
                                            <p class="hpcontent">
 +
                                                On October, 6 Our team participated in the Biotechnology Green Energy
 +
                                                Expo. There are many stands which could be divided into Biotechnology,
 +
                                                Green energy and Innovative production. In addition, we also joined the
 +
                                                NEP-II Technology Workshop and Matchmaking Conference.
 +
                                            </p>
  
                    </div>
+
                                            <p class="hpcontent">
 +
                                                We chose Multi-fuel pure oxygen combustion reduction and Advanced
 +
                                                carbon capture combustion technology which have closely related to our
 +
                                                project. Interestingly, we found that in the such business matchmaking
 +
                                                conference involved in many vendor, most of them focused more on what
 +
                                                benefit they create rather than the detailed technology process.
 +
                                            </p>
  
 +
                                            <p class="hpcontent">
 +
                                                It is important that when we want to apply our projects in practice, we
 +
                                                have to understand our product strengths, potential client and other
 +
                                                resources which benefit our idea. Besides, using the government
 +
                                                resources to receive subsidies also can make our research go more well
 +
                                                , and improve our product visibility at the same time.
 +
                                            </p>
  
                      
+
                                            <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/8/85/T--NCKU_Tainan--ITRI2.png">
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
    </div>
 
  
  
 +
        <style>
 +
            .head {
 +
                width: 80% !important;
 +
            }
  
 +
            h3 {
 +
                line-height: 50px !important;
 +
            }
  
    <script>
+
            .list-group {
         $(document).ready(function () {
+
                margin-top: 100px;
            $(window).scroll(function () {
+
            }
                if ($(this).scrollTop() >= 800) {
+
 
                    var position = $("#sidelist").position();
+
            .list-group-item {
                    if (position == undefined) {} else {
+
                margin: 10px 0 !important;
                        $('#sidelist').css({
+
            }
                            "position": "fixed",
+
        </style>
                            "top": "145px",
+
 
                            "margin-top": "0px"
+
         <script>
                         });
+
            $(document).ready(function () {
 +
                $(window).scroll(function () {
 +
                    if ($(this).scrollTop() >= 500) {
 +
                        var position = $("#sidelist").position();
 +
                        if (position == undefined) {} else {
 +
                            $('#sidelist').css({
 +
                                "position": "fixed",
 +
                                "top": "145px",
 +
                                "margin-top": "0px"
 +
                            });
 +
                         }
 +
                    } else {
 +
                        $('#sidelist').removeAttr('style');
 
                     }
 
                     }
                 } else {
+
                 });
                    $('#sidelist').removeAttr('style');
+
                 $(function () {
                 }
+
                    $('i.fa-arrow-up').click(function () {
            });
+
                        $('html, body').animate({
            $(function () {
+
                            scrollTop: 0
                $('i.fa-arrow-up').click(function () {
+
                        }, 600);
                    $('html, body').animate({
+
                        return false;
                        scrollTop: 0
+
                    });
                    }, 600);
+
                    return false;
+
 
                 });
 
                 });
 
             });
 
             });
         });
+
         </script>
    </script>
+
  
    <script src="https://2017.igem.org/Team:NCKU_Tainan/js/frame/T--NCKU_Tainan--jquery-1_12_4_min_js?action=raw&amp;ctype=text/javascript"></script>
+
        <script src="https://2018.igem.org/Team:NCKU_Tainan/js/frame/T--NCKU_Tainan--jquery-1_12_4_min_js?action=raw&amp;ctype=text/javascript"></script>
    <script src="https://2018.igem.org/Template:NCKU_Tainan/js/bootstrap_min_js?action=raw&amp;ctype=text/javascript"></script>
+
        <script src="https://2018.igem.org/Template:NCKU_Tainan/js/bootstrap_min_js?action=raw&amp;ctype=text/javascript"></script>
 
     </div>
 
     </div>
 
</body>
 
</body>

Latest revision as of 00:07, 18 October 2018

Education & Public Engagement

Impact Inspire Influence
Follow us

Contact us

igem.ncku.tainan@gmail.com
No.1, Daxue Rd., East Dist., Tainan City 701, Taiwan (R.O.C.)