Difference between revisions of "Team:CGU Taiwan/Team"

Line 1: Line 1:
 
{{CGU_Taiwan_header}}
 
{{CGU_Taiwan_header}}
−
<html>
+
<html lang="en">
  
−
<h2>Team</h2>
 
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
<body>
 +
  
−
<table width="300" border="1">
+
    <section id="page-breadcrumb">
−
　<tr>
+
        <div class="vertical-center sun">
−
　<td>====</td>
+
            <div class="container">
−
　<td>====</td>
+
                <div class="row">
−
　</tr>
+
                    <div class="action">
−
</table>
+
                        <div class="col-sm-12">
 +
                            <h1 class="title">About Us</h1>
 +
                            <p>~~~~~~~~~~~~~~~~~~~</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
  </section>
 +
    <!--/#page-breadcrumb-->
  
 +
    <section id="company-information" class="padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="300ms">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-sm-6">
 +
                    <img src="https://static.igem.org/mediawiki/2015/3/3c/Team_CGU_Taiwan_banner.jpg" class="img-responsive" alt="">
 +
                </div>
 +
                <div class="col-sm-6 padding-top">
 +
                    <p>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
 +
                    <p>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
  
 +
    <section id="services">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="300ms">
 +
                    <div class="single-service">
 +
                        <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="300ms">
 +
                            <img src="images/home/icon1.png" alt="">
 +
                        </div>
 +
                        <h2>Kan-To Li(Laurence)</h2>
 +
                        <p>Major : Chemical & Material Engineering</p>
 +
<p>Interest :</p>
 +
<p>A person who loves observing butterfly behaviour and Modern Chinese History. joining IGEM, realized the importance of Matlab and other tools can be use in different field including biotechnology and engineering, and solving engineering problems with companions.</p>
 +
<p>Expectation:</p>
 +
<p>The famous theoretical physicist— Albert Einstein said
 +
“Imagination is more important than knowledge. For knowledge is limited, whereas imagination embraces the entire world, stimulating progress, giving birth to evolution.”
 +
hope our imagination reach to brilliant.</p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms">
 +
                    <div class="single-service">
 +
                        <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="600ms">
 +
                            <img src="images/home/icon2.png" alt="">
 +
                        </div>
 +
                        <h2>Superior Typography</h2>
 +
                        <p>Hamburger ribeye drumstick turkey, strip steak sausage ground round shank pastrami beef brisket pancetta venison.</p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="900ms">
 +
                    <div class="single-service">
 +
                        <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="900ms">
 +
                            <img src="images/home/icon3.png" alt="">
 +
                        </div>
 +
                        <h2>Swift Page Builder</h2>
 +
                        <p>Venison tongue, salami corned beef ball tip meatloaf bacon. Fatback pork belly bresaola tenderloin bone pork kevin shankle.</p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
    <!--/#services-->
  
−
<h4>Inspiration</h4>
+
    <section id="action" class="responsive">
−
<p>You can look at what other teams did to get some inspiration! <br />
+
        <div class="vertical-center">
−
Here are a few examples:</p>
+
            <div class="container">
−
<ul>
+
                <div class="row">
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
                    <div class="action take-tour">
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
                        <div class="col-sm-7 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
                            <h1 class="title">Triangle Corporate Template</h1>
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
                            <p>A responsive, retina-ready &amp; wide multipurpose template.</p>
−
</ul>
+
                        </div>
 +
                        <div class="col-sm-5 text-center wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
 +
                            <div class="tour-button">
 +
                                <a href="#" class="btn btn-common">TAKE THE TOUR</a>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
    <!--/#action-->
  
−
<h5>What should this page contain?</h5>
+
    <section id="team">
−
<ul>
+
        <div class="container">
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
            <div class="row">
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
                <h1 class="title text-center wow fadeInDown" data-wow-duration="500ms" data-wow-delay="300ms">Meet the Team</h1>
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
                <p class="text-center wow fadeInDown" data-wow-duration="400ms" data-wow-delay="400ms">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br>
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
                Ut enim ad minim veniam, quis nostrud </p>
−
</ul>
+
                <div id="team-carousel" class="carousel slide wow fadeIn" data-ride="carousel" data-wow-duration="400ms" data-wow-delay="400ms">
 +
                    <!-- Indicators -->
 +
                    <ol class="carousel-indicators visible-xs">
 +
                        <li data-target="#team-carousel" data-slide-to="0" class="active"></li>
 +
                        <li data-target="#team-carousel" data-slide-to="1"></li>
 +
                    </ol>
 +
                    <!-- Wrapper for slides -->
 +
                    <div class="carousel-inner">
 +
                        <div class="item active">
 +
                            <div class="col-sm-3 col-xs-6">
 +
                                <div class="team-single-wrapper">
 +
                                    <div class="team-single">
 +
                                        <div class="person-thumb">
 +
                                            <img src="images/aboutus/1.jpg" class="img-responsive" alt="">
 +
                                        </div>
 +
                                        <div class="social-profile">
 +
                                            <ul class="nav nav-pills">
 +
                                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
 +
                                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
 +
                                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
 +
                                            </ul>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="person-info">
 +
                                        <h2>John Doe</h2>
 +
                                        <p>CEO &amp; Developer</p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="col-sm-3 col-xs-6">
 +
                                <div class="team-single-wrapper">
 +
                                    <div class="team-single">
 +
                                        <div class="person-thumb">
 +
                                            <img src="images/aboutus/2.jpg" class="img-responsive" alt="">
 +
                                        </div>
 +
                                        <div class="social-profile">
 +
                                            <ul class="nav nav-pills">
 +
                                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
 +
                                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
 +
                                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
 +
                                            </ul>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="person-info">
 +
                                        <h2>John Doe</h2>
 +
                                        <p>CEO &amp; Developer</p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="col-sm-3 col-xs-6">
 +
                                <div class="team-single-wrapper">
 +
                                    <div class="team-single">
 +
                                        <div class="person-thumb">
 +
                                            <img src="images/aboutus/3.jpg" class="img-responsive" alt="">
 +
                                        </div>
 +
                                        <div class="social-profile">
 +
                                            <ul class="nav nav-pills">
 +
                                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
 +
                                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
 +
                                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
 +
                                            </ul>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="person-info">
 +
                                        <h2>John Doe</h2>
 +
                                        <p>CEO &amp; Developer</p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="col-sm-3 col-xs-6">
 +
                                <div class="team-single-wrapper">
 +
                                    <div class="team-single">
 +
                                        <div class="person-thumb">
 +
                                            <img src="images/aboutus/1.jpg" class="img-responsive" alt="">
 +
                                        </div>
 +
                                        <div class="social-profile">
 +
                                            <ul class="nav nav-pills">
 +
                                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
 +
                                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
 +
                                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
 +
                                            </ul>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="person-info">
 +
                                        <h2>John Doe</h2>
 +
                                        <p>CEO &amp; Developer</p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="item">
 +
                            <div class="col-sm-3 col-xs-6">
 +
                                <div class="team-single-wrapper">
 +
                                    <div class="team-single">
 +
                                        <div class="person-thumb">
 +
                                            <img src="images/aboutus/4.jpg" class="img-responsive" alt="">
 +
                                        </div>
 +
                                        <div class="social-profile">
 +
                                            <ul class="nav nav-pills">
 +
                                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
 +
                                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
 +
                                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
 +
                                            </ul>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="person-info">
 +
                                        <h2>John Doe</h2>
 +
                                        <p>CEO &amp; Developer</p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="col-sm-3 col-xs-6">
 +
                                <div class="team-single-wrapper">
 +
                                    <div class="team-single">
 +
                                        <div class="person-thumb">
 +
                                            <img src="images/aboutus/3.jpg" class="img-responsive" alt="">
 +
                                        </div>
 +
                                        <div class="social-profile">
 +
                                            <ul class="nav nav-pills">
 +
                                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
 +
                                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
 +
                                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
 +
                                            </ul>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="person-info">
 +
                                        <h2>John Doe</h2>
 +
                                        <p>CEO &amp; Developer</p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="col-sm-3 col-xs-6">
 +
                                <div class="team-single-wrapper">
 +
                                    <div class="team-single">
 +
                                        <div class="person-thumb">
 +
                                            <img src="images/aboutus/2.jpg" class="img-responsive" alt="">
 +
                                        </div>
 +
                                        <div class="social-profile">
 +
                                            <ul class="nav nav-pills">
 +
                                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
 +
                                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
 +
                                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
 +
                                            </ul>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="person-info">
 +
                                        <h2>John Doe</h2>
 +
                                        <p>CEO &amp; Developer</p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="col-sm-3 col-xs-6">
 +
                                <div class="team-single-wrapper">
 +
                                    <div class="team-single">
 +
                                        <div class="person-thumb">
 +
                                            <img src="images/aboutus/1.jpg" class="img-responsive" alt="">
 +
                                        </div>
 +
                                        <div class="social-profile">
 +
                                            <ul class="nav nav-pills">
 +
                                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
 +
                                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
 +
                                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
 +
                                            </ul>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="person-info">
 +
                                        <h2>John Doe</h2>
 +
                                        <p>CEO &amp; Developer</p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
  
 +
                    <!-- Controls -->
 +
                    <a class="left team-carousel-control hidden-xs" href="#team-carousel" data-slide="prev">left</a>
 +
                    <a class="right team-carousel-control hidden-xs" href="#team-carousel" data-slide="next">right</a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
    <!--/#team-->
  
−
</div>
+
    <footer id="footer">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-sm-12 text-center bottom-separator">
 +
                    <img src="images/home/under.png" class="img-responsive inline" alt="">
 +
                </div>
 +
                <div class="col-md-4 col-sm-6">
 +
                    <div class="testimonial bottom">
 +
                        <h2>Testimonial</h2>
 +
                        <div class="media">
 +
                            <div class="pull-left">
 +
                                <a href="#"><img src="images/home/profile1.png" alt=""></a>
 +
                            </div>
 +
                            <div class="media-body">
 +
                                <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote>
 +
                                <h3><a href="#">- Jhon Kalis</a></h3>
 +
                            </div>
 +
                        </div>
 +
                        <div class="media">
 +
                            <div class="pull-left">
 +
                                <a href="#"><img src="images/home/profile2.png" alt=""></a>
 +
                            </div>
 +
                            <div class="media-body">
 +
                                <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote>
 +
                                <h3><a href="">- Abraham Josef</a></h3>
 +
                            </div>
 +
                        </div> 
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-3 col-sm-6">
 +
                    <div class="contact-info bottom">
 +
                        <h2>Contacts</h2>
 +
                        <address>
 +
                        E-mail: <a href="mailto:someone@example.com">email@email.com</a> <br>
 +
                        Phone: +1 (123) 456 7890 <br>
 +
                        Fax: +1 (123) 456 7891 <br>
 +
                        </address>
 +
 
 +
                        <h2>Address</h2>
 +
                        <address>
 +
                        Unit C2, St.Vincent's Trading Est., <br>
 +
                        Feeder Road, <br>
 +
                        Bristol, BS2 0UY <br>
 +
                        United Kingdom <br>
 +
                        </address>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-4 col-sm-12">
 +
                    <div class="contact-form bottom">
 +
                        <h2>Send a message</h2>
 +
                        <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php">
 +
                            <div class="form-group">
 +
                                <input type="text" name="name" class="form-control" required="required" placeholder="Name">
 +
                            </div>
 +
                            <div class="form-group">
 +
                                <input type="email" name="email" class="form-control" required="required" placeholder="Email Id">
 +
                            </div>
 +
                            <div class="form-group">
 +
                                <textarea name="message" id="message" required="required" class="form-control" rows="8" placeholder="Your text here"></textarea>
 +
                            </div>                       
 +
                            <div class="form-group">
 +
                                <input type="submit" name="submit" class="btn btn-submit" value="Submit">
 +
                            </div>
 +
                        </form>
 +
                    </div>
 +
                </div>
 +
                <div class="col-sm-12">
 +
                    <div class="copyright-text text-center">
 +
                        <p>&copy; Your Company 2014. All Rights Reserved.</p>
 +
                        <p>Designed by <a target="_blank" href="http://www.themeum.com">Themeum</a></p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </footer>
 +
    <!--/#footer-->
 +
 
 +
 
 +
    <script type="text/javascript" src="js/jquery.js"></script>
 +
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
 +
    <script type="text/javascript" src="js/lightbox.min.js"></script>
 +
    <script type="text/javascript" src="js/wow.min.js"></script>
 +
    <script type="text/javascript" src="js/main.js"></script> 
 +
</body>
 
</html>
 
</html>

Revision as of 00:58, 31 July 2015

Home | CGU_Taiwan

About Us

~~~~~~~~~~~~~~~~~~~

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Kan-To Li(Laurence)

Major : Chemical & Material Engineering

Interest :

A person who loves observing butterfly behaviour and Modern Chinese History. joining IGEM, realized the importance of Matlab and other tools can be use in different field including biotechnology and engineering, and solving engineering problems with companions.

Expectation:

The famous theoretical physicist— Albert Einstein said “Imagination is more important than knowledge. For knowledge is limited, whereas imagination embraces the entire world, stimulating progress, giving birth to evolution.” hope our imagination reach to brilliant.

Superior Typography

Hamburger ribeye drumstick turkey, strip steak sausage ground round shank pastrami beef brisket pancetta venison.

Swift Page Builder

Venison tongue, salami corned beef ball tip meatloaf bacon. Fatback pork belly bresaola tenderloin bone pork kevin shankle.

Triangle Corporate Template

A responsive, retina-ready & wide multipurpose template.

TAKE THE TOUR

Meet the Team

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud

Testimonial

Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.

- Jhon Kalis

Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.

- Abraham Josef

Contacts

E-mail: email@email.com
Phone: +1 (123) 456 7890
Fax: +1 (123) 456 7891

Address

Unit C2, St.Vincent's Trading Est.,
Feeder Road,
Bristol, BS2 0UY
United Kingdom

Send a message

© Your Company 2014. All Rights Reserved.

Designed by Themeum