(Prototype team page) |
|||
Line 1: | Line 1: | ||
{{CGU_Taiwan}} | {{CGU_Taiwan}} | ||
<html> | <html> | ||
+ | <header id="top-header" name="top-header" > | ||
+ | <div class="container"> | ||
+ | <div class="logo"> | ||
+ | <h2>iGEM</h2> | ||
+ | </div><!--end logo--> | ||
+ | <span id="btn-menu"><i class="fa fa-list"></i></span> | ||
+ | <nav id="main-nav"> | ||
+ | <ul> | ||
+ | <li><span class="style1">HOME | ||
+ | </span> | ||
+ | <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=" | + | <div class="container warp"> |
− | < | + | <!-- ////////////////////// start slider-bg /////////////////////// --> |
− | + | ||
− | <div class=" | + | <div class="slider-bg"> |
− | < | + | <h1> </h1> |
− | < | + | <h1> </h1> |
+ | <h1>CGU_TAIWA2016</h1> | ||
+ | <div class="btn-group"> | ||
+ | <a href="#our-services" class="primary-btn">see more</a> </div> | ||
+ | <!--end btn grop--> | ||
− | </div> | + | </div> |
+ | <!--end video bg --> | ||
− | < | + | <!-- ////////////////////// end slider-bg /////////////////////// --> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <!-- ////////////////////// start our services /////////////////////// --> | ||
+ | <div class="section our-services" id="our-services"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="text-blck block"> | ||
+ | <div class="block-title"> | ||
+ | <h3>OUR project</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> | + | <div class="col-md-4"> |
+ | <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 | + | </div><!--end row --> |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | <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=" | + | <div class="col-md-3"> |
− | + | <div class="services-item"> | |
− | </div> | + | <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"> | ||
− | </html> | + | <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> | ||
+ | |||
+ | <button type="submit" class="success-btn">send message</button> | ||
+ | </form> | ||
+ | </div><!--contact-form--> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-6"> | ||
+ | <div class="contact-details"> | ||
+ | <h4>LOCATION</h4> | ||
+ | <p>815 Sunset Boulevard Ca 70079</p> | ||
+ | |||
+ | <h4>TELEPHONE</h4> | ||
+ | <p>+1 800 123 4567</p> | ||
+ | |||
+ | |||
+ | <h4>E-MAIL</h4> | ||
+ | <p><a href="#">thor@example.com</a></p> | ||
+ | |||
+ | <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> | ||
+ | </div><!-- contact-details--> | ||
+ | </div> | ||
+ | </div><!--end from--> | ||
+ | |||
+ | <div id="map"></div> | ||
+ | </div><!--end contact us--> | ||
+ | |||
+ | <!-- ////////////////////// end contact us /////////////////////// --> | ||
+ | </div><!--end warp--> | ||
+ | |||
+ | |||
+ | <!-- ////////////////////// START FOOTER /////////////////////// --> | ||
+ | <div id="the-footer"> | ||
+ | <p><a href="#">CGU_Taiwan@2016</p> | ||
+ | </div> | ||
+ | <!-- ////////////////////// END FOOTER /////////////////////// --> | ||
+ | <!-- //////////////////////START GO UP////////////////////// --> | ||
+ | |||
+ | <div class="go-up"> | ||
+ | <a href="" ><i class="fa fa-chevron-up"></i></a> | ||
+ | </div> | ||
+ | |||
+ | <!-- //////////////////////END GO UP////////////////////// --> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--js fils--> | ||
+ | <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> |
Revision as of 03:34, 28 June 2016
iGEM
OUR project
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 vulputate velit esse molesti
follow us on
address
No.259, Wenhua 1st Rd., Guishan Dist., Taoyuan City 33302, Taiwan
WET LAB
MODELING
HUMAN PRACTICES
NEWS
about us
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 vulputate velit esse molesti
MEET OUR TEAM
WE ARE CREATIVE TEAM IN CALIFORNIA.
LATEST NEWS
PROIN RHONCUS CONSEQUAT NISL EU
Integer efficitur egestas lorem. Phasellus eget leo nec eros tincidunt. Ut wisi enim ad minim veniam, quis nostrud exerci tation ...
ream morePROIN RHONCUS CONSEQUAT NISL EU
Integer efficitur egestas lorem. Phasellus eget leo nec eros tincidunt. Ut wisi enim ad minim veniam, quis nostrud exerci tation ...
ream morePROIN RHONCUS CONSEQUAT NISL EU
Integer efficitur egestas lorem. Phasellus eget leo nec eros tincidunt. Ut wisi enim ad minim veniam, quis nostrud exerci tation ...
ream moreOUR CLIENTS
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 vulputate velit esse molesti