Difference between revisions of "Team:CGU Taiwan"

 
(504 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{{CGU_Taiwan}}
 
 
<html>
 
<html>
<header id="top-header" name="top-header" >
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<div class="container">
+
<style>
                    <div class="logo">
+
        #sideMenu
                        <h2>iGEM</h2>
+
        {
                    </div><!--end logo-->
+
        display:none; /* Disable the display of the annoying side main menu*/
                    <span id="btn-menu"><i class="fa fa-list"></i></span>
+
        }
                    <nav id="main-nav">
+
       
                        <ul>
+
        #top_title
                            <li><span class="style1">HOME
+
        {
                            </span>
+
        display:none; /* Disable the annoying title*/
                              <ul>
+
        }
                                    <li><a href='新增資料夾 (2)/thor/home-bg-slideshow.html'>home-bg-slider</a></li>
+
                              </ul>
+
                          </li>
+
                          <li><span class="style1">TEAM
+
                          </span>
+
                          <ul>
+
                              <li><a href='新增資料夾 (2)/thor/home-2.html'>home-2</a></li>
+
                          </ul>
+
                          </li>
+
                          <li><span class="style1">PROJECT
+
                          </span>
+
                          <ul>
+
                          <li><a href='新增資料夾 (2)/thor/home-video.html'>home-video</a></li>
+
                          <li><a href='新增資料夾 (2)/thor/home-parallax.html'>home-parallax</a></li>
+
                          </ul>
+
                          </li>
+
                          <li><span class="style1">MODELING
+
                          </span>
+
                          <ul>
+
                          <li><a href='新增資料夾 (2)/thor/home-parallax-2.html'>home-parallax-2</a></li>
+
                          </ul>
+
                          </li>
+
                          <li><span class="style1">HUMAN PRACTICES
+
                          </span>
+
                          <ul>
+
                          <li><a href='新增資料夾 (2)/thor/home-zoom-parallax.html'>zoom on scroll</a></li>
+
                          </ul>
+
                          </li>
+
                          <li><span class="style1">ATTRIBUTION
+
                              </span>
+
                            <ul>
+
                                  <li><a href='新增資料夾 (2)/thor/blog-1.html'>blog-1</a> </li>
+
                                    <li><a href='新增資料夾 (2)/thor/blog-2.html'>blog-2</a></li>
+
                                </ul></li>
+
                          <li><span class="style1">NOTES
+
                          </span><ul><li><a href='新增資料夾 (2)/thor/home-rotate-text-2.html'>rotate text-2</a></li>
+
                          </ul></li>
+
                      </ul>
+
      </nav>
+
                </div><!--end container -->
+
            </header>
+
            <!-- ////////////////////// END  TOP HEADER /////////////////////// -->
+
  
            <div class="container warp">
+
#content { padding:0px; width:100%; margin-left:0%; margin-right:0%;}
                <!-- ////////////////////// start slider-bg /////////////////////// -->
+
</style>
  
              <div class="slider-bg">
+
<html>
                <h1>&nbsp;</h1>
+
<head>
                <h1>&nbsp;</h1>
+
<style>
                <h1>CGU_TAIWA2016</h1>
+
body {
          <div class="btn-group">
+
  background-color:white;
                        <a href="#our-services" class="primary-btn">see more</a>                </div>
+
}
                  <!--end btn grop-->
+
.top {
 
+
  position: absolute;
              </div>
+
   top: -1%;
                <!--end video bg -->
+
  left: 0%;
 
+
  width: 100%;
                <!-- ////////////////////// end  slider-bg /////////////////////// -->
+
  box-sizing:border-box;
 
+
  height: 115px;
 
+
  font-family: Corbel;
 
+
  overflow: visible;
 
+
   z-index: +1;
                <!-- ////////////////////// start    our services /////////////////////// -->
+
}
<div class="section our-services" id="our-services">
+
.mid {
                    <div class="row">
+
  position: absolute;
                        <div class="col-md-4">
+
  left: 5%;
                            <div class="text-blck block">
+
  width: 80%;
                                <div class="block-title">
+
  height: 100%;
                                    <h3>OUR project</h3>
+
  font-family: Corbel;
                                </div><!--end title -->
+
}
                                <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in <span>vulputate</span> velit esse molesti</p>
+
.mid2 {
                            </div><!--end text-block -->
+
  position: absolute;
                        </div>
+
  left: 0%;
 
+
  width: 100%;
 
+
  height: 100%;
                        <div class="col-md-4">
+
  font-family: Corbel;
                            <div class="img-blck "><img src="http://placehold.it/350x233" alt="" class="img-responsive" /></div>
+
}
                            <!--end text-block -->
+
.headline {
                        </div>
+
    color: #ffe;
 
+
    text-align: center;
 
+
    padding-top: 40px;
                        <div class="col-md-4">
+
    padding-bottom: 60px;
                            <div class="follow-blck block">
+
}
                                <div class="block-title">
+
                                    <h3>follow us on</h3>
+
                                </div><!--end title -->
+
 
+
                                <ul class="social-links">
+
                                    <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-instagram"></i></a></li>
+
                                    <li><a href="#"><i class="fa fa-youtube"></i></a></li>
+
                                </ul>
+
 
+
                                <h4>address</h4>
+
 
+
                                <p>No.259, Wenhua 1st Rd., Guishan Dist., Taoyuan City 33302, Taiwan</p>
+
                          </div><!--end text-block -->
+
                        </div>
+
 
+
                    </div><!--end row -->
+
 
+
                    <div class="row">
+
                        <div class="services-items">
+
                            <div class="col-md-3">
+
                                <div class="services-item">
+
                                    <span><i class="fa fa-folder-open-o"></i></span>
+
                                    <p>WET LAB</p>
+
                                </div><!--end services-item-->
+
                            </div>
+
 
+
                            <div class="col-md-3">
+
                                <div class="services-item">
+
                                    <span><i class="fa fa-laptop"></i></span>
+
                                    <p>MODELING</p>
+
                                </div><!--end services-item-->
+
                            </div>
+
 
+
                            <div class="col-md-3">
+
                                <div class="services-item">
+
                                    <span><i class="fa fa-pencil-square-o"></i></span>
+
                                    <p>HUMAN PRACTICES</p>
+
                                </div><!--end services-item-->
+
                            </div>
+
 
+
 
+
                            <div class="col-md-3">
+
                                <div class="services-item">
+
                                    <span><i class="fa fa-lightbulb-o"></i></span>
+
                                    <p>NEWS</p>
+
                                </div><!--end services-item-->
+
                            </div>
+
                        </div><!--end services-items-->
+
                    </div><!--end row -->
+
 
+
              </div><!--end our services -->
+
 
+
                <!-- ////////////////////// end   our services /////////////////////// -->
+
 
+
 
+
 
+
                <!-- ////////////////////// start    our  portfolio /////////////////////// -->
+
                <div class="section-top-line our-portflio" id="our-portflio">
+
                    <div class="block-title">OUR</div>
+
              <!--end title -->
+
                    <div class="row">
+
                        <div class="col-sm-2">
+
 
+
                            <div class="portfolioFilter">
+
                                <ul>
+
                                    <li><a href="#" data-filter="*" class="current">all Categories</a></li>
+
                                    <li> <a href="#" data-filter=".people">TEAM MEMBER</a></li>
+
                                    <li> <a href="#" data-filter=".places">PROJECT</a></li>
+
                                    <li> <a href="#" data-filter=".food">SCHEDULE</a></li>
+
                                    <li> <a href="#" data-filter=".objects">CONTECT US</a></li>
+
 
+
                                </ul>
+
                            </div>
+
 
+
                      </div>
+
 
+
                        <div class="col-sm-10">
+
                            <ul class="portfolioContainer clearfix">
+
                                <li class="col-md-4 col-sm-6 people places">
+
                                    <div class="portfolio-item">
+
                                      <img src="一般文件/iGEM/wiki/圖檔/13101275_991290867614419_307974517_n.jpg" alt="image" class="img-responsive">
+
<div class="mask">
+
                                            <h4>TEACHERS</h4>
+
                                            <a href="http://placehold.it/277x222" class="sb" data-fancybox-group="gallery" title="put your caption here ..."><i class="fa fa-plus"></i></a>
+
                                            <a href=""><i class="fa fa-link"></i></a>
+
                                        </div><!--end mask -->
+
                                    </div><!-- end portfolio-item-->
+
                                </li>   
+
 
+
 
+
 
+
                                <li class="col-md-4 col-sm-6 objects">
+
                                    <div class="portfolio-item">
+
                                        <img src="http://placehold.it/277x472" alt="image" class="img-responsive">
+
 
+
                                        <div class="mask">
+
                                            <h4>1</h4>
+
                                            <a href="http://placehold.it/277x472" class="sb" data-fancybox-group="gallery" title="put your caption here ..."><i class="fa fa-plus"></i></a>
+
 
+
                                            <a href="#"><i class="fa fa-link"></i></a>
+
                                        </div><!--end mask -->
+
                                    </div><!-- end portfolio-item-->
+
 
+
                                </li>
+
 
+
 
+
                                <li class="col-md-4 col-sm-6 food" >
+
                                    <div class="portfolio-item">
+
                                        <img src="http://placehold.it/277x222" alt="image" class="img-responsive">
+
 
+
                                        <div class="mask">
+
                                            <h4>2</h4>
+
                                            <a href="http://placehold.it/277x222" class="sb" data-fancybox-group="gallery" title="put your caption here ..."><i class="fa fa-plus"></i></a>
+
 
+
                                            <a href="#"><i class="fa fa-link"></i></a>
+
                                        </div><!--end mask -->
+
                                    </div><!-- end portfolio-item-->
+
                                </li>
+
 
+
 
+
                                <li class="col-md-4 col-sm-6 people places" >
+
                                    <div class="portfolio-item">
+
                                        <img src="http://placehold.it/277x222" alt="image" class="img-responsive">
+
 
+
                                        <div class="mask">
+
                                            <h4>ADVICERS</h4>
+
                                            <a href="http://placehold.it/277x222" class="sb" data-fancybox-group="gallery" title="put your caption here ..."><i class="fa fa-plus"></i></a>
+
 
+
                                            <a href="#"><i class="fa fa-link"></i></a>
+
                                        </div><!--end mask -->
+
                                    </div><!-- end portfolio-item-->
+
                                </li>
+
 
+
 
+
                                <li class="col-md-4 col-sm-6 places objects">
+
                                    <div class="portfolio-item">
+
                                        <img src="http://placehold.it/277x222" alt="image" class="img-responsive">
+
 
+
                                        <div class="mask">
+
                                            <h4>4</h4>
+
                                            <a href="http://placehold.it/277x222" class="sb" data-fancybox-group="gallery" title="put your caption here ..."><i class="fa fa-plus"></i></a>
+
 
+
                                            <a href="#"><i class="fa fa-link"></i></a>
+
                                        </div><!--end mask -->
+
                                    </div><!-- end portfolio-item-->
+
                                </li>
+
 
+
 
+
                                <li class="col-md-4 col-sm-6  people food objects">
+
                                    <div class="portfolio-item">
+
                                        <img src="http://placehold.it/277x222" alt="image" class="img-responsive">
+
 
+
                                        <div class="mask">
+
                                            <h4>STUDENTS</h4>
+
                                            <a href="http://placehold.it/277x222" class="sb" data-fancybox-group="gallery" title="put your caption here ..."><i class="fa fa-plus"></i></a>
+
                                            <a href="#"><i class="fa fa-link"></i></a>
+
                                        </div><!--end mask -->
+
                                    </div><!-- end portfolio-item-->
+
                                </li>
+
 
+
 
+
                                <li class="col-md-4 col-sm-6 food objects">
+
                                    <div class="portfolio-item">
+
                                        <img src="http://placehold.it/277x222" alt="image" class="img-responsive">
+
 
+
                                        <div class="mask">
+
                                            <h4>6</h4>
+
                                            <a href="http://placehold.it/277x222" class="sb" data-fancybox-group="gallery" title="put your caption here ..."><i class="fa fa-plus"></i></a>
+
                                            <a href="#"><i class="fa fa-link"></i></a>
+
                                        </div><!--end mask -->
+
                                    </div><!-- end portfolio-item-->
+
                                </li>   
+
 
+
 
+
                                <li class="col-md-4 col-sm-6 food">
+
                                    <div class="portfolio-item">
+
                                        <img src="http://placehold.it/277x222" alt="image" class="img-responsive">
+
 
+
                                        <div class="mask">
+
                                            <h4>7</h4>
+
                                            <a href="http://placehold.it/277x222" class="sb" data-fancybox-group="gallery" title="put your caption here ..."><i class="fa fa-plus"></i></a>
+
                                            <a href="#"><i class="fa fa-link"></i></a>
+
                                        </div><!--end mask -->
+
                                    </div><!-- end portfolio-item-->
+
                                </li>   
+
 
+
                            </ul>
+
 
+
                        </div>
+
                    </div><!--end row -->
+
 
+
                </div><!--end our portfolio -->
+
 
+
                <!-- ////////////////////// end    our  portfolio /////////////////////// -->
+
 
+
 
+
                <!-- ////////////////////// start testimonial/////////////////////// -->
+
                <div class="section testimoniol">
+
                    <ul class="testimoniol-slider">
+
 
+
                        <li>
+
                            <p>We are iGEMers</p>
+
                            <a href="">RAYMOND DOE, <span>CO-FOUNDER & CEO</span></a>
+
                        </li>
+
 
+
 
+
                      <li>
+
                            <p>We are iGEMers</p>
+
                          <a href="">RAYMOND DOE, <span>CO-FOUNDER & CEO</span></a>                        </li>
+
 
+
                    </ul>
+
 
+
 
+
                </div><!--end testimoniol-->
+
 
+
                <!-- ////////////////////// end    testimonial /////////////////////// -->
+
 
+
 
+
                <!-- ////////////////////// start about us/////////////////////// -->
+
                <div class="section about-us" id="about-us">
+
                    <div class="row">
+
 
+
                        <div class="col-md-4">
+
                            <div class="text-blck block">
+
                                <div class="block-title">
+
                                    <h3>about us</h3>
+
                                </div><!--end title -->
+
 
+
                                <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in <span>vulputate</span> velit esse molesti</p>
+
                            </div><!--end text-block -->
+
                        </div>
+
 
+
 
+
 
+
                        <div class="col-md-4">
+
                            <div class="img-blck ">
+
 
+
                                <img src="http://placehold.it/350x233" alt="" class="img-responsive">
+
 
+
                            </div><!--end text-block -->
+
                        </div>
+
 
+
 
+
 
+
                        <div class="col-md-4">
+
                            <div class="img-blck ">
+
 
+
                                <img src="http://placehold.it/350x233" alt="" class="img-responsive">
+
 
+
                            </div><!--end text-block -->
+
                        </div>
+
 
+
                    </div><!--end row-->
+
                </div><!--end about us -->
+
                <!-- ////////////////////// end  about us   /////////////////////// -->
+
 
+
 
+
                <!-- ////////////////////// start our team /////////////////////// -->
+
                <div class=" our-team" id="our-team">
+
 
+
                    <div class="block-title-2">
+
                        <h3>MEET OUR TEAM</h3>
+
                    </div>
+
                    <ul class="our-team-slider">
+
 
+
                        <li>
+
                            <div class="team-img">
+
                                <img src="http://placehold.it/350x233" alt="" class="img-responsive">
+
                                <div class="mask">
+
                                    <ul>
+
                                        <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-dribbble"></i></a></li>
+
                                    </ul>
+
                                </div><!--end mask -->
+
                            </div><!--end team img -->
+
 
+
                            <h4>JOHN DOE,<span>PRODUCER & CO- FOUNDER</span></h4>
+
                            <p>Integer efficitur egestas lorem. Phasellus eget leo nec eros tincidunt</p>
+
 
+
                            <div class="team-info">
+
                                <p>Telephone: +1 800 123 4567</p>
+
                                <p>E-Mail:<span> thor@mail.com</span></p>
+
                            </div><!--end team-info-->
+
                        </li>
+
 
+
                        <li>
+
                            <div class="team-img">
+
                                <img src="http://placehold.it/350x233" alt="" class="img-responsive">
+
                                <div class="mask">
+
                                    <ul>
+
                                        <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-dribbble"></i></a></li>
+
                                    </ul>
+
                                </div><!--end mask -->
+
                            </div><!--end team img -->
+
 
+
                            <h4>JOHN DOE,<span>PRODUCER & CO- FOUNDER</span></h4>
+
                            <p>Integer efficitur egestas lorem. Phasellus eget leo nec eros tincidunt</p>
+
 
+
                            <div class="team-info">
+
                                <p>Telephone: +1 800 123 4567</p>
+
                                <p>E-Mail:<span> thor@mail.com</span></p>
+
                            </div><!--end team-info-->
+
                        </li>
+
 
+
                        <li>
+
                            <div class="team-img">
+
                                <img src="http://placehold.it/350x233" alt="" class="img-responsive">
+
                                <div class="mask">
+
                                    <ul>
+
                                        <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-dribbble"></i></a></li>
+
                                    </ul>
+
                                </div><!--end mask -->
+
                            </div><!--end team img -->
+
 
+
                            <h4>JOHN DOE,<span>PRODUCER & CO- FOUNDER</span></h4>
+
                            <p>Integer efficitur egestas lorem. Phasellus eget leo nec eros tincidunt</p>
+
 
+
                            <div class="team-info">
+
                                <p>Telephone: +1 800 123 4567</p>
+
                                <p>E-Mail:<span> thor@mail.com</span></p>
+
                            </div><!--end team-info-->
+
                        </li>
+
 
+
                        <li>
+
                            <div class="team-img">
+
                                <img src="http://placehold.it/350x233" alt="" class="img-responsive">
+
                                <div class="mask">
+
                                    <ul>
+
                                        <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-dribbble"></i></a></li>
+
                                    </ul>
+
                                </div><!--end mask -->
+
                            </div><!--end team img -->
+
 
+
                            <h4>JOHN DOE,<span>PRODUCER & CO- FOUNDER</span></h4>
+
                            <p>Integer efficitur egestas lorem. Phasellus eget leo nec eros tincidunt</p>
+
 
+
                            <div class="team-info">
+
                                <p>Telephone: +1 800 123 4567</p>
+
                                <p>E-Mail:<span> thor@mail.com</span></p>
+
                            </div><!--end team-info-->
+
                        </li>
+
 
+
                        <li>
+
                            <div class="team-img">
+
                                <img src="http://placehold.it/350x233" alt="" class="img-responsive">
+
                                <div class="mask">
+
                                    <ul>
+
                                        <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-dribbble"></i></a></li>
+
                                    </ul>
+
                                </div><!--end mask -->
+
                            </div><!--end team img -->
+
 
+
                            <h4>JOHN DOE,<span>PRODUCER & CO- FOUNDER</span></h4>
+
                            <p>Integer efficitur egestas lorem. Phasellus eget leo nec eros tincidunt</p>
+
 
+
                            <div class="team-info">
+
                                <p>Telephone: +1 800 123 4567</p>
+
                                <p>E-Mail:<span> thor@mail.com</span></p>
+
                            </div><!--end team-info-->
+
                        </li>
+
 
+
                        <li>
+
                            <div class="team-img">
+
                                <img src="http://placehold.it/350x233" alt="" class="img-responsive">
+
                                <div class="mask">
+
                                    <ul>
+
                                        <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-dribbble"></i></a></li>
+
                                    </ul>
+
                                </div><!--end mask -->
+
                            </div><!--end team img -->
+
 
+
                            <h4>JOHN DOE,<span>PRODUCER & CO- FOUNDER</span></h4>
+
                            <p>Integer efficitur egestas lorem. Phasellus eget leo nec eros tincidunt</p>
+
 
+
                            <div class="team-info">
+
                                <p>Telephone: +1 800 123 4567</p>
+
                                <p>E-Mail:<span> thor@mail.com</span></p>
+
                            </div><!--end team-info-->
+
                        </li>
+
 
+
 
+
                    </ul><!--end our team slider -->
+
 
+
 
+
                    <div class="we-are">
+
                        <h3>WE ARE <span>CREATIVE TEAM</span> IN CALIFORNIA.</h3>
+
                    </div><!--end we are-->
+
                </div><!--end our team-->
+
                <!-- ////////////////////// end  our team /////////////////////// -->
+
 
+
 
+
 
+
                <!-- ////////////////////// start latest news /////////////////////// -->
+
                <div class="section-top-line latest-news" id="our-news">
+
                    <div class="block-title text-center">
+
                        <h3>LATEST NEWS</h3>
+
                    </div>
+
                    <div class="row">
+
                        <div class="col-md-4">
+
                            <div class="news-item">
+
                                <div class="news-item-img">
+
                                    <img src="http://placehold.it/350x233" alt="" class="img-responsive">
+
                                </div><!--end news-item-img-->
+
                                <h4><a href="新增資料夾 (2)/thor/single.html">PROIN RHONCUS CONSEQUAT NISL EU</a></h4>
+
                                <div class="post-meta">
+
                                    <p>Posted by <a href="#"> Admin</a></p>
+
                                    <p> <a href="#"> April 28, 2015</a></p>
+
                                </div>
+
                                <p>Integer efficitur egestas lorem. Phasellus eget leo nec eros tincidunt. Ut wisi enim ad minim veniam, quis nostrud exerci tation ...</p>
+
                                <a href="新增資料夾 (2)/thor/single.html" class="primary-btn">ream more</a>
+
                            </div><!--end news-item-->
+
 
+
                        </div>
+
 
+
 
+
 
+
                        <div class="col-md-8">
+
                            <div class="row">
+
                                <div class="news-item">
+
                                    <div class="col-md-6">
+
                                        <div class="news-item-img">
+
                                            <iframe src="https://www.youtube.com/embed/DNqNR_IfND0" ></iframe>
+
                                        </div><!--end news-item-img-->
+
                                    </div>
+
 
+
                                    <div class="col-md-6">
+
                                        <h4><a href="新增資料夾 (2)/thor/single.html">PROIN RHONCUS CONSEQUAT NISL EU</a></h4>
+
 
+
                                        <div class="post-meta">
+
                                            <p>Posted by <a href="#"> Admin</a></p>
+
                                            <p> <a href="#"> April 28, 2015</a></p>
+
                                        </div>
+
 
+
                                        <p>Integer efficitur egestas lorem. Phasellus eget leo nec eros tincidunt. Ut wisi enim ad minim veniam, quis nostrud exerci tation ...</p>
+
 
+
                                        <a href="新增資料夾 (2)/thor/single.html" class="primary-btn">ream more</a>
+
 
+
                                    </div>
+
                                </div><!--end news-item-->
+
 
+
 
+
 
+
                            </div><!--end row-->
+
 
+
 
+
                            <div class="row">
+
                                <div class="news-item gallary-post">
+
                                    <div class="col-md-6">
+
                                        <div class="news-item-img">
+
                                            <ul>
+
                                                <li>  <img src="http://placehold.it/350x233" alt="" ></li>
+
                                                <li>  <img src="http://placehold.it/350x233" alt="" ></li>
+
 
+
                                            </ul>
+
                                        </div><!--end news-item-img-->
+
                                    </div>
+
 
+
                                    <div class="col-md-6">
+
                                        <h4><a href="新增資料夾 (2)/thor/single.html">PROIN RHONCUS CONSEQUAT NISL EU</a></h4>
+
 
+
                                        <div class="post-meta">
+
                                            <p>Posted by <a href="#"> Admin</a></p>
+
                                            <p> <a href="#"> April 28, 2015</a></p>
+
                                        </div>
+
 
+
                                        <p>Integer efficitur egestas lorem. Phasellus eget leo nec eros tincidunt. Ut wisi enim ad minim veniam, quis nostrud exerci tation ...</p>
+
                                        <a href="新增資料夾 (2)/thor/single.html" class="primary-btn">ream more</a>
+
 
+
                                    </div>
+
                                </div><!--end news-item-->
+
 
+
 
+
 
+
                            </div><!--end row-->
+
                        </div>
+
 
+
                    </div><!--end row-->
+
                </div><!--end latest-news-->
+
                <!-- ////////////////////// end  latest news /////////////////////// -->
+
 
+
 
+
                <!-- ////////////////////// start our clients/////////////////////// -->
+
 
+
                <div class="section our-clients" id="our-clients">
+
                    <div class="row">
+
 
+
                        <div class="col-md-4">
+
                            <div class="text-blck block">
+
                                <div class="block-title">
+
                                    <h3>OUR CLIENTS</h3>
+
                                </div><!--end title -->
+
                                <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in <span>vulputate</span> velit esse molesti</p>
+
                            </div><!--end text-block -->
+
                        </div>
+
 
+
 
+
 
+
                        <div class="col-md-8">
+
                            <ul class="our-clients-slider">
+
 
+
                                <li><a href="#"><img src="新增資料夾 (2)/thor/img/client-.jpg" alt=""/></a></li>
+
                                <li><a href="#"><img src="新增資料夾 (2)/thor/img/client-.jpg" alt=""/></a></li>
+
                                <li><a href="#"><img src="新增資料夾 (2)/thor/img/client-.jpg" alt=""/></a></li>
+
                                <li><a href="#"><img src="新增資料夾 (2)/thor/img/client-.jpg" alt=""/></a></li>
+
 
+
 
+
                            </ul><!--end our-clients-slider-->
+
                        </div>
+
                    </div><!--end row-->
+
                </div><!--end our clients  -->
+
                <!-- ////////////////////// end    our clients /////////////////////// -->
+
 
+
 
+
 
+
                <!-- ////////////////////// start contact us/////////////////////// -->
+
                <div class="section-top-line contact-us" id="contact-us">
+
                    <div class="block-title text-center">
+
                        <h3>contact us</h3>
+
                    </div>
+
 
+
                    <div class="row">
+
                        <div class="col-md-6">
+
                            <div class="contact-form">
+
                                <form method="post" action="新增資料夾 (2)/thor/php/contact.php" id="cform" autocomplete="on">
+
                                    <input type="text" id="name" name="name" placeholder="NAME"/>
+
 
+
                                    <input type="email" id="email" name="email" placeholder="Email"/>
+
  
                                    <textarea id="message" name="message" placeholder="enter your message"></textarea>
+
.header-subnav {
 +
  float: none;
 +
  background: #0D014D;
 +
  position: absolute;
 +
  text-align: center;
 +
  margin: 0 0;
 +
  top: 100%;
 +
  width: 100%;
 +
  box-sizing: border-box;
 +
  font-family: Corbel;
 +
}
 +
.header-subnav li {
 +
  float: none;
 +
  display: inline-block;
 +
}
 +
.header-subnav li a {
 +
  padding: 13px 1rem;
 +
  font-size: 13px;
 +
  text-decoration: none;
 +
  color: #ffe;
 +
  text-transform: uppercase;
 +
  display: block;
 +
  font-weight: bold;
 +
  letter-spacing: 1px;
 +
  transition: all 0.35s ease-in-out;
 +
}
 +
.header-subnav li a.is-active {
 +
  background: rgba(250, 250, 250, 0.15);
 +
}
 +
.header-subnav li a:hover {
 +
  border-radius: 6px;
 +
  background: #0080ff;
 +
  transition: all 0.35s ease-in-out;
 +
}
 +
.fixed1 {
 +
  position:fixed;
 +
  top: 13px;
 +
}
 +
.page {
 +
}
 +
.end {
 +
  background-color:#0D014D;
 +
  position: absolute;
 +
  left: 0px;
 +
  width: 100%;
 +
  height: 30%;
 +
  font-family: Corbel;
 +
}
 +
hr {
 +
  border: 0;
 +
  width: 80%;
 +
  color: #140731;
 +
  background-color: #140731;
 +
  height: 2px;
 +
}
 +
.end2 {
 +
  background-color:#0D014D;
 +
  position: absolute;
 +
  width: 100%;
 +
  height: 35%;
 +
  font-family: Corbel;
 +
}
 +
.sitemap {
 +
  background-color:#0D014D;
 +
  position: absolute;
 +
  width: 20%;
 +
  height: 35%;
 +
  font-family: Corbel;
 +
}
 +
.list li {
 +
  list-style:none;
 +
  background-image:url(https://static.igem.org/mediawiki/2016/5/58/CGU_Taiwan--sitemap.jpg);
 +
  background-repeat:no-repeat;
 +
  background-position:10px;
 +
  background-size:9%;
 +
  margin-bottom:-20%;
 +
}
 +
.list2 li {
 +
  list-style:none;
 +
  background-image:url(https://static.igem.org/mediawiki/2016/2/2f/CGU_Taiwan--sitemap2.jpg);
 +
  background-repeat:no-repeat;
 +
  background-position:6px;
 +
  background-size:7%;
 +
  margin-bottom:-10%;
 +
}
 +
.list3 li {
 +
  list-style:none;
 +
  background-image:url(https://static.igem.org/mediawiki/2016/3/31/CGU_Taiwan--sitemap3.jpg);
 +
  background-repeat:no-repeat;
 +
  background-position:5%;
 +
  background-size:2%;
 +
  margin-bottom:-10%;
 +
}
 +
</style>
 +
</head>
  
                                    <button type="submit" class="success-btn">send message</button>
+
<script>
                                </form>
+
/* Dynamic top menu positioning
                            </div><!--contact-form-->
+
*
                        </div>
+
*/
 +
var num = 110; //number of pixels before modifying styles
 +
$(window).bind('scroll', function () {
 +
    if ($(window).scrollTop() > num) {
 +
        $('.header-subnav').addClass('fixed1');
 +
    } else {
 +
        $('.header-subnav').removeClass('fixed1');
 +
    }
 +
});
  
                        <div class="col-md-6">
 
                            <div class="contact-details">
 
                                <h4>LOCATION</h4>
 
                                <p>815 Sunset Boulevard Ca 70079</p>
 
  
                                <h4>TELEPHONE</h4>
+
//USE SCROLL WHEEL FOR THIS FIDDLE DEMO
                                <p>+1 800 123 4567</p>
+
</script>
  
 +
<body>
 +
<a name='anchor1'></a>
 +
<div class="top">
 +
<img style="margin-top:-2%;width:100%;height:140%;position:absolute;" src="https://static.igem.org/mediawiki/2016/0/0b/CGU_Taiwan--top.jpg">
 +
</div>
  
                                <h4>E-MAIL</h4>
+
<header class="top">
                                <p><a href="#">thor@example.com</a></p>
+
    <div class="header-subnav">
 +
    <li><a href="https://2016.igem.org/Team:CGU_Taiwan">HOME</a></li>
 +
    <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Achievements">ACHIEVEMENTS</a></li>
 +
    <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Description">PROJECT</a></li>
 +
    <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Software">MODELING</a></li>
 +
    <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices">HUMAN PRACTICES</a></li>
 +
    <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Team">PEOPLE</a></li>
 +
    <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Interlab">INTERLAB</a></li>
 +
    <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Safety">SAFETY</a></li>
 +
    <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Parts">PARTS</a></li>
 +
  </div>
 +
</header>
 +
<br><br><br>
 +
<div>
 +
<br><br><br><br>
 +
<video margin-top="5%" width="100%" height="700px" controls  autoplay>
 +
<source src="https://static.igem.org/mediawiki/2016/4/41/CGU_Taiwan--video4.mp4" type="video/mp4">
 +
</video>
 +
</div>
  
                                <ul class="social-links">
+
<br><br><br>
                                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
+
<div class="mid">
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
+
<div style="font-size:60px;color:#140731;text-decoration:none;margin-left:45%;">
                                    <li><a href="#"><i class="fa fa-instagram"></i></a></li>
+
<br><br><br><br>
                                    <li><a href="#"><i class="fa fa-youtube"></i></a></li>
+
Abstract
 +
</div>
 +
<br></br>
 +
<br></br>
 +
<b style="color:black;font-size:25px;margin-left:10%;">Leijuvant- A Revolutionary Choice of Vaccine Helper</b><br><br>
 +
<div style="color:black;font-size:18px;margin-left:10%;text-align:justify;">
 +
For many infectious diseases that still don’t have an effective vaccine, enhancing T cell immune response may be the key point to solve this problem. Leijuvant represents a whole new perspective of adjuvant that uses Leishmania as an effective T cell stimulator. Leishmania is a parasite that specifically lives within macrophage, a professional antigen presenting cell (APC). As a potential vaccine adjuvant, Leishmania possess many advantages, including APC recruitment, pattern recognition receptor (PRR) activation, inflammasome activation, activation of MHC-presenting pathway and most important of all, T cell activation. Genetically-engineered Leishmania that can be inactivated by light exposure acts as a safe carrier to deliver specific antigens to APCs for activation of T cells and B cell stimulation. Based on this concept, we established a new model system to generate antigen-specific Leishmania adjuvant-- Leijuvant. We further designed a user-friendly MHC peptide prediction software to integrate key protein information and optimize the presentation of antigen peptides by MHC molecules. Our ultimate goal is to introduce Leijuvant as an effective, safe, and antigen-specific adjuvant to the vaccine industry and the general public.
 +
</div>
 +
<br><br>
 +
</div>
  
                                </ul>
+
<div class="mid2" style="background-color:#d0d0d0;top:130%;">
                            </div><!-- contact-details-->
+
<div style="font-size:60px;color:#140731;margin-left:35%;margin-top:2%;">
                        </div>
+
<br>
                    </div><!--end from-->
+
Start the Journey
 +
</div>
 +
<br></br>
 +
<br></br>
 +
<a href="https://2016.igem.org/Team:CGU_Taiwan/Description"><img style="border-radius:50%;border:10px solid #140731;padding:5px;width:20%;height:25%;position:absolute;margin-left:10%;" src="https://static.igem.org/mediawiki/2016/4/40/CGU_Taiwan--t4.jpg">
 +
<h2 style="font-size:35px;color:#140731;position:absolute;left:15%;top:490px;z-index:+1;text-decoration:none;">PROJECT</h2></a>
 +
<a href="http://facebook.com/igemcgu"><img style="border-radius:50%;border:10px solid #140731;padding:5px;width:20%;height:25%;position:absolute;margin-left:38%;" src="https://static.igem.org/mediawiki/2016/c/cd/CGU_Taiwan--macrophage.jpg">
 +
<h3 style="font-size:35px;color:#140731;position:absolute;left:45%;top:490px;text-decoration:none;">NEWS</h3></a>
 +
<a href="https://2016.igem.org/Team:CGU_Taiwan/Results"><img style="border-radius:50%;border:10px solid #140731;padding:5px;width:20%;height:25%;position:absolute;margin-left:66%;" src="https://static.igem.org/mediawiki/2016/7/7c/CGU_Taiwan--HA.jpg">
 +
<h4 style="font-size:35px;color:#140731;position:absolute;left:72%;top:490px;text-decoration:none;">RESULTS</h4></a>
 +
</div>
  
                    <div id="map"></div>
+
<div class="end" style="top:190%;">
                </div><!--end contact us-->
+
<div style="font-size:20px;color:white;text-decoration:none;margin-left:20%;margin-top:5%;">
 +
Chang Gung University
 +
</div>
 +
<br>
 +
<div style="color:white;font-size:15px;margin-left:10%;text-align:justify;">
 +
No.259, Wenhua 1st Rd., Guishan Dist., Taoyuan City 33302, Taiwan (R.O.C.)
 +
<br>
 +
TEL: +886-3-2118800 FAX:+886-3-2118700
 +
<img src="https://static.igem.org/mediawiki/2016/e/eb/CGU_Taiwan--sponsor0.6.jpg" style="position:absolute;top:0%;margin-left:25%;width:35%;height:45%;margin-top:3%;">
 +
</div>
 +
</div>
 +
<br><br><br><br><br>
  
                <!-- ////////////////////// end    contact us /////////////////////// -->
+
<div class="end2" style="top:210%;">
            </div><!--end warp-->
+
<br>
 +
<ul class="list3" class="margin-left:1%;margin-top:2%;">
 +
<li><a href="#anchor1"><b style="color:white;font-size:28px;margin-left:7%;">TOP</a></li>
 +
</ul>
 +
<br>
 +
<div class="sitemap" style="margin-left:5%;">
 +
<br>
 +
<b style="color:white;font-size:28px;margin-top:5%;margin-left:4%;text-decoration:none;">SITE MAP</b><br>
 +
<br><br>
 +
<img style="background-color:#0D014D;margin-left:20%;border-radius:50%;border:6px solid white;padding:5px;width:50%;height:90%;position:absolute;margin-left:2%;" src="https://static.igem.org/mediawiki/2016/0/03/CGU_Taiwan--leishmania3.jpg">
 +
</div>
  
 +
<div class="sitemap" style="margin-left:22%;margin-top:-1%;">
 +
<ul class="list" class="margin-left:5%;">
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan"><b style="color:white;font-size:18px;margin-left:20%;">HOME</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Achievements"><b style="color:white;font-size:18px;margin-left:20%;">ACHIEVEMENTS</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Interlab"><b style="color:white;font-size:18px;margin-left:20%;">INTERLAB</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Safety"><b style="color:white;font-size:18px;margin-left:20%;">SAFETY</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Parts"><b style="color:white;font-size:18px;margin-left:20%;">PARTS</li></a>
 +
</ul>
 +
</div>
  
            <!-- ////////////////////// START FOOTER /////////////////////// -->
+
<div class="sitemap" style="margin-left:40%;margin-top:-2%;">
            <div id="the-footer">
+
<ul class="list" class="margin-left:5%;">
                <p><a href="#">CGU_Taiwan@2016</p>
+
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Description"><b style="color:white;font-size:18px;margin-left:20%;">PROJECT</li></a>
            </div>
+
<br><br>
            <!-- ////////////////////// END FOOTER /////////////////////// -->
+
<ul class="list2" class="margin-left:6%;margin-top:50%;">
            <!-- //////////////////////START GO UP////////////////////// -->
+
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Design"><b style="color:white;font-size:17px;margin-left:10%;">Design</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Background"><b style="color:white;font-size:17px;margin-left:10%;">Background</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Results"><b style="color:white;font-size:17px;margin-left:10%;">Results</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Proof"><b style="color:white;font-size:17px;margin-left:10%;">Proof</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Notebook"><b style="color:white;font-size:17px;margin-left:10%;">Notebook</li></a>
 +
<br><br>
 +
</ul>
 +
</ul>
 +
</div>
  
            <div class="go-up">
+
<div class="sitemap" style="margin-left:55%;margin-top:-3.5%;">
                <a href="" ><i class="fa fa-chevron-up"></i></a>  
+
<ul class="list" class="margin-left:5%;">
            </div>
+
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices"><b style="color:white;font-size:18px;margin-left:20%;">HUMAN PRACTICES</li></a>
 +
<br><br>
 +
<ul class="list2" class="margin-left:6%;margin-top:50%;">
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices_Survey"><b style="color:white;font-size:17px;margin-left:10%;">Survey</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices_Education"><b style="color:white;font-size:17px;margin-left:10%;">Education</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices_Communication"><b style="color:white;font-size:17px;margin-left:10%;">Communication</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Entrepreneurship"><b style="color:white;font-size:17px;margin-left:10%;">Entrepreneurship</li></a>
 +
</ul>
 +
</ul>
 +
</div>
  
            <!-- //////////////////////END GO UP////////////////////// -->
+
<div class="sitemap" style="margin-left:75%;margin-top:-3.5%;">
 +
<ul class="list" class="margin-left:5%;">
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Software"><b style="color:white;font-size:18px;margin-left:20%;">MODELING</li></a>
 +
<br><br>
 +
<ul class="list2" class="margin-left:6%;">
 +
<li><a href="http://163.25.92.36/igemcgu/igemwebhome.htm"><b style="color:white;font-size:17px;margin-left:10%;">McHug</li></a>
 +
</ul>
 +
</ul>
 +
<ul class="list" class="margin-left:1%;">
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Team"><b style="color:white;font-size:18px;margin-left:20%;">OUR TEAM</li></a>
 +
<br><br>
 +
<ul class="list2" class="margin-left:6%;margin-top:-5%;">
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Collaborations"><b style="color:white;font-size:17px;margin-left:10%;">Collaborations</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Attributions"><b style="color:white;font-size:17px;margin-left:10%;">Attributions</li></a>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Team#anchor2"><b style="color:white;font-size:17px;margin-left:10%;">Sponsors</li></a>
 +
</ul>
 +
</ul>
 +
</div>
  
        </div>
 
  
        <!--js fils-->
+
</div>
        <script src="新增資料夾 (2)/thor/js/jquery-1.11.3.min.js"></script>
+
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+
        <script src="新增資料夾 (2)/thor/js/plugins.js"></script>
+
        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
+
        <script src="新增資料夾 (2)/thor/js/custom.js"></script>
+
        <script>
+
            /*video bg*/
+
  
            $(".slider-bg").vegas({
 
                overlay: true,
 
                transition: 'fade',
 
                transitionDuration: 4000,
 
                delay: 10000,
 
                animation: 'random',
 
                animationDuration: 20000,
 
                slides: [
 
                    {src: "http://placehold.it/1920x800"},
 
                    {src: "http://placehold.it/1920x800"},
 
                    {src: "http://placehold.it/1920x800"}
 
                ]
 
            });
 
  
        </script>
+
</html>

Latest revision as of 07:04, 2 December 2016















Abstract




Leijuvant- A Revolutionary Choice of Vaccine Helper

For many infectious diseases that still don’t have an effective vaccine, enhancing T cell immune response may be the key point to solve this problem. Leijuvant represents a whole new perspective of adjuvant that uses Leishmania as an effective T cell stimulator. Leishmania is a parasite that specifically lives within macrophage, a professional antigen presenting cell (APC). As a potential vaccine adjuvant, Leishmania possess many advantages, including APC recruitment, pattern recognition receptor (PRR) activation, inflammasome activation, activation of MHC-presenting pathway and most important of all, T cell activation. Genetically-engineered Leishmania that can be inactivated by light exposure acts as a safe carrier to deliver specific antigens to APCs for activation of T cells and B cell stimulation. Based on this concept, we established a new model system to generate antigen-specific Leishmania adjuvant-- Leijuvant. We further designed a user-friendly MHC peptide prediction software to integrate key protein information and optimize the presentation of antigen peptides by MHC molecules. Our ultimate goal is to introduce Leijuvant as an effective, safe, and antigen-specific adjuvant to the vaccine industry and the general public.



Start the Journey




PROJECT

NEWS

RESULTS

Chang Gung University

No.259, Wenhua 1st Rd., Guishan Dist., Taoyuan City 33302, Taiwan (R.O.C.)
TEL: +886-3-2118800 FAX:+886-3-2118700