Difference between revisions of "Team:UST Beijing"

Line 1: Line 1:
<!doctype html>
+
<!DOCTYPE html>
 
<html lang="en" dir="ltr" class="client-nojs">
 
<html lang="en" dir="ltr" class="client-nojs">
 
<head>
 
<head>
Line 27: Line 27:
 
<![endif]-->
 
<![endif]-->
 
</head>
 
</head>
<style type="text/css">
+
 
div{}
+
 
</style>
 
</style>
 
<body>
 
<body>
Line 54: Line 53:
 
<li class="dropdown"><a href="javascript:{}">Team</a>
 
<li class="dropdown"><a href="javascript:{}">Team</a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
<li><a href="team.html">The Team</a></li>
+
<li><a href="team.html">Team member</a></li>
 
<li><a href="about.html">About</a></li>
 
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
+
<li><a href="testimonials.html">Testimonials</a></li>
+
<li><a href="timeline.html">Timeline</a></li>
+
<li><a href="full.html">Full Width</a></li>
+
<li><a href="left_sidebar.html">Left Sidebar</a></li>
+
<li><a href="right_sidebar.html">Right Sidebar</a></li>
+
 
</ul>
 
</ul>
 
</li>
 
</li>
 
<li class="dropdown"><a href="javascript:{}">Project</a>
 
<li class="dropdown"><a href="javascript:{}">Project</a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
<li><a href="portfolio_2columns.html">2 Columns</a></li>
+
<li><a href="portfolio_3columns.html">3 Columns</a></li>
+
<li><a href="portfolio_masonry.html">Description</a></li>
<li><a href="portfolio_4columns.html">4 Columns</a></li>
+
<li><a href="gallery.html">Design</a></li>
<li><a href="portfolio_masonry.html">Masonry</a></li>
+
<li><a href="video_gallery.html">Demonstrate</a></li>
<li><a href="gallery.html">Paginated Gallery</a></li>
+
<li><a href="single_portfolio.html">Measurement</a></li>
<li><a href="video_gallery.html">Video Gallery</a></li>
+
<li><a href="single_portfolio.html">Single Slider</a></li>
+
 
<li><a href="single_video.html">Single Video</a></li>
 
<li><a href="single_video.html">Single Video</a></li>
 
<li><a href="single_image.html">Single Image</a></li>
 
<li><a href="single_image.html">Single Image</a></li>
Line 79: Line 71:
 
</ul>
 
</ul>
 
</li>
 
</li>
<li class="dropdown"><a href="javascript:{}">Style</a>
+
<li class="dropdown"><a href="javascript:{}">InterLab</a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
 
<li><a href="scaffolding.html">Scaffolding</a></li>
 
<li><a href="scaffolding.html">Scaffolding</a></li>
Line 95: Line 87:
 
</ul>
 
</ul>
 
</li>
 
</li>
<li class="dropdown"><a href="javascript:{}">Extras</a>
+
<li class="dropdown"><a href="javascript:{}">Model</a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
 
<li><a href="dribbble_stream.html">Dribbble Stream</a></li>
 
<li><a href="dribbble_stream.html">Dribbble Stream</a></li>
Line 103: Line 95:
 
</ul>
 
</ul>
 
</li>
 
</li>
<li class="dropdown"><a href="javascript:{}">Blog</a>
+
<li class="dropdown"><a href="javascript:{}">Human Practice</a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
 
<li><a href="blog.html">Blog</a></li>
 
<li><a href="blog.html">Blog</a></li>
Line 136: Line 128:
 
<!-- Caption -->
 
<!-- Caption -->
 
<div class="tp-caption lfb" data-x="870" data-y="140" data-speed="1400" data-start="1800" data-easing="easeOutExpo">
 
<div class="tp-caption lfb" data-x="870" data-y="140" data-speed="1400" data-start="1800" data-easing="easeOutExpo">
<img src="img/slider/rocket.png" alt="" />
+
<img src="https://static.igem.org/mediawiki/2018/4/49/T--UST_Beijing--Web_rocket.png" alt="" />
 
</div>
 
</div>
 
 
 
<!-- Caption -->
 
<!-- Caption -->
 
<div class="tp-caption lfb" data-x="825" data-y="330" data-speed="1500" data-start="1900" data-easing="easeOutExpo">
 
<div class="tp-caption lfb" data-x="825" data-y="330" data-speed="1500" data-start="1900" data-easing="easeOutExpo">
<img src="img/slider/flames.png" alt="" />
+
<img src="https://static.igem.org/mediawiki/2018/4/44/T--UST_Beijing--Web_flames.png" alt="" />
 
</div>
 
</div>
 
 
Line 162: Line 154:
 
<!-- Slide 2 -->
 
<!-- Slide 2 -->
 
<li data-transition="slideleft">
 
<li data-transition="slideleft">
<img src="img/slider/slider2.jpg" alt="" />
+
<img src="https://static.igem.org/mediawiki/2018/0/03/T--UST_Beijing--Web_slider_2.png" alt="" />
 
 
 
<!-- Caption -->
 
<!-- Caption -->
 
<div class="tp-caption lfl" data-x="right" data-y="35" data-speed="1000" data-start="800" data-easing="easeOutExpo">
 
<div class="tp-caption lfl" data-x="right" data-y="35" data-speed="1000" data-start="800" data-easing="easeOutExpo">
<img src="img/slider/iMac.png" alt="" />
+
<img src="https://static.igem.org/mediawiki/2018/1/17/T--UST_Beijing--Web_iMac.png" alt="" />
 
</div>
 
</div>
 
 
Line 191: Line 183:
 
<!-- Slide 3 -->
 
<!-- Slide 3 -->
 
<li data-transition="slideleft" >
 
<li data-transition="slideleft" >
<img src="img/slider/slider3.jpg" alt="" />
+
<img src="https://static.igem.org/mediawiki/2018/1/11/T--UST_Beijing--Web_slider_3.png" alt="" />
 
 
 
<!-- Caption -->
 
<!-- Caption -->
 
<div class="tp-caption lfl" data-x="right" data-y="35" data-speed="1000" data-start="800" data-easing="easeOutExpo">
 
<div class="tp-caption lfl" data-x="right" data-y="35" data-speed="1000" data-start="800" data-easing="easeOutExpo">
<img src="img/slider/robot2.png" alt="" />
+
<img src="https://static.igem.org/mediawiki/2018/3/34/T--UST_Beijing--Web_robot_2.png" alt="" />
 
</div>
 
</div>
 
 

Revision as of 14:37, 6 September 2018

<!DOCTYPE html> Team:UST Beijing - 2018.igem.org

Collect from 免费模板
  • Natrual RE-Lease

    CREATE - DESIGN - CODE
  • Creative Slider
    It's a Revolution!

    Turn simple HTML code into a responsive sliderwith must-see-effects,
    it's Slider Revolution! All elements are included in the download,
    plus a psd file of the iMac to add your own screenshot to.
    Get Creative!

  • hire us today

    This plugin features tons of unique transition effects,
    an image preloader, video embedding, autoplay that stops on user interaction
    and lots of easy to set options to create your own effects.

    info@flatistudios.com

  • Have Fun Watching the Video
DESIGN
built for & by nerds

Like you, we love building awesome products on the web. We love it so much, we decided to help people just like us do it easier, better, and faster.

CODE
12-column grid

Bootstrap is designed to help people of all skill levels - designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something.

CREATE
responsive

Bootstrap have gone fully responsive. Our components are scaled according to a range of resolutions and devices to provide a consistent experience.

SUPPORT
growing library

Despite being only 7kb (gzipped), Bootstrap is one of the most complete front-end toolkits out there with dozens of fully functional components.

Recent Work

Lorem ipsum dolor sit amet, rebum putant recusabo in ius, pri simul tempor ne, his ei summo virtute.

Nam ea labitur pericula. Meis tamquam pro te, cibo mutat necessitatibus id vim. An his tamquam postulant, pri id mazim nostrud diceret sapientem eloquentiam sea cu, sea ut exerci delicata. Corrumpit vituperata.

view portfolio

catalogue

An his tamquam postulant, pri id mazim nostrud diceret.

loupe

An his tamquam postulant, pri id mazim nostrud diceret.

retro rocket

An his tamquam postulant, pri id mazim nostrud diceret.

infographics

An his tamquam postulant, pri id mazim nostrud diceret.

mock up

An his tamquam postulant, pri id mazim nostrud diceret.

retro badges

An his tamquam postulant, pri id mazim nostrud diceret.

details

An his tamquam postulant, pri id mazim nostrud diceret.

vintage form

An his tamquam postulant, pri id mazim nostrud diceret.