|
|
Line 1: |
Line 1: |
| {{CGU_Taiwan}} | | {{CGU_Taiwan}} |
| <html> | | <html> |
− | <header id="top-header" name="top-header" >
| + | <head> |
− | <div class="container"> | + | <style> |
− | <div class="logo">
| + | <li class="menu_item"> |
− | <h2>iGEM</h2>
| + | < a href="https://2016.igem.org/Team:CGU_Taiwan/HOME"> EXAMPLE < /a> </li> |
− | </div><!--end logo-->
| + | ul { |
− | <span id="btn-menu"><i class="fa fa-list"></i></span>
| + | list-style-type: none; |
− | <nav id="main-nav">
| + | margin: 0; |
− | <ul>
| + | padding: 0; |
− | <li><span class="style1">HOME
| + | overflow: hidden; |
− | </span>
| + | background-color: #333; |
− | <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">
| + | li { |
− | <!-- ////////////////////// start slider-bg /////////////////////// -->
| + | float: left; |
| + | } |
| | | |
− | <div class="slider-bg">
| + | li a { |
− | <h1> </h1>
| + | display: block; |
− | <h1> </h1>
| + | color: white; |
− | <h1>CGU_TAIWA2016</h1>
| + | text-align: center; |
− | <div class="btn-group">
| + | padding: 14px 16px; |
− | <a href="#our-services" class="primary-btn">see more</a> </div>
| + | text-decoration: none; |
− | <!--end btn grop-->
| + | } |
| | | |
− | </div>
| + | li a:hover { |
− | <!--end video bg -->
| + | background-color: #111; |
| + | } |
| + | </style> |
| + | </head> |
| + | <body> |
| | | |
− | <!-- ////////////////////// end slider-bg /////////////////////// -->
| + | <ul> |
| + | <li><a class="active" href="#home">Home</a></li> |
| + | <li><a href="#news">Team</a></li> |
| + | <li><a href="#contact">Contact</a></li> |
| + | <li><a href="#about">About</a></li> |
| + | </ul> |
| | | |
− | | + | </body> |
− | | + | </html> |
− | | + | |
− | <!-- ////////////////////// 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 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><!--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>
| + | |
− | | + | |
− | <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>
| + | |