Difference between revisions of "Team:UST Beijing"
| Line 168: | Line 168: | ||
<!-- Caption --> | <!-- Caption --> | ||
<div class="caption lfl stl rev-text rev-left" data-x="left" data-y="190" data-speed="800" data-start="1100" data-easing="easeOutExpo"> | <div class="caption lfl stl rev-text rev-left" data-x="left" data-y="190" data-speed="800" data-start="1100" data-easing="easeOutExpo"> | ||
| − | <p class="hidden-phone"> | + | <p class="hidden-phone">xxxxxxxx,<br /> |
| − | + | xxxxxxxxxx,<br/> | |
| − | + | xxxxxxxxxx. | |
<br/>Get Creative!</p> | <br/>Get Creative!</p> | ||
</div> | </div> | ||
| Line 176: | Line 176: | ||
<!-- Caption --> | <!-- Caption --> | ||
<div class="caption sfb stb rev-left" data-x="left" data-y="380" data-speed="1100" data-start="1500" data-easing="easeOutExpo"> | <div class="caption sfb stb rev-left" data-x="left" data-y="380" data-speed="1100" data-start="1500" data-easing="easeOutExpo"> | ||
| − | <a href="#" class="btn btn-inverse btn-custom mobile"> | + | <a href="#" class="btn btn-inverse btn-custom mobile">xxxxxx</a> |
| − | <a href="#" class="btn btn-inverse btn-custom mobile"> | + | <a href="#" class="btn btn-inverse btn-custom mobile">xxxxxx</a> |
</div> | </div> | ||
</li> | </li> | ||
| Line 192: | Line 192: | ||
<!-- Caption --> | <!-- Caption --> | ||
<div class="caption lfl stl bold bg rev-left" data-x="left" data-y="80" data-speed="800" data-start="1500" data-easing="easeOutExpo"> | <div class="caption lfl stl bold bg rev-left" data-x="left" data-y="80" data-speed="800" data-start="1500" data-easing="easeOutExpo"> | ||
| − | <h3 class="rev-title big bold"> | + | <h3 class="rev-title big bold">xxxxxxxx</h3> |
</div> | </div> | ||
<!-- Caption --> | <!-- Caption --> | ||
<div class="caption lfl stl rev-text rev-left" data-x="left" data-y="200" data-speed="800" data-start="1700" data-easing="easeOutExpo"> | <div class="caption lfl stl rev-text rev-left" data-x="left" data-y="200" data-speed="800" data-start="1700" data-easing="easeOutExpo"> | ||
| − | <p class="white hidden-phone"> | + | <p class="white hidden-phone">xxxxxxxxxxxxxxxxxx,<br /> |
| − | + | xxxxxxxxxxxxxxxxxxxxx,<br /> | |
| − | + | xxxxxxxxxxxxxxxxxxx.</p> | |
</div> | </div> | ||
<!-- Caption --> | <!-- Caption --> | ||
<div class="caption sfb rev-left" data-x="left" data-y="350" data-speed="800" data-start="1900" data-easing="easeOutExpo"> | <div class="caption sfb rev-left" data-x="left" data-y="350" data-speed="800" data-start="1900" data-easing="easeOutExpo"> | ||
| − | + | <h3 class="rev-title2 bold">2018.igem.org/Team:UST_Beijing</h3> | |
</div> | </div> | ||
</li> | </li> | ||
| Line 210: | Line 210: | ||
<!-- Slide 4 --> | <!-- Slide 4 --> | ||
<li data-transition="slidedown"> | <li data-transition="slidedown"> | ||
| − | <img src=" | + | <img src="https://static.igem.org/mediawiki/2018/2/23/T--UST_Beijing--Web_slider_4.png" alt="" /> |
<!-- Caption --> | <!-- Caption --> | ||
| Line 316: | Line 316: | ||
<div class="slider-image"> | <div class="slider-image"> | ||
<div class="hover_colour"> | <div class="hover_colour"> | ||
| − | <a href=" | + | <a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto"> |
| − | <img src=" | + | <img src="https://static.igem.org/mediawiki/2018/c/ca/T--UST_Beijing--Web_small_s1.png" alt="" /></a> |
</div> | </div> | ||
</div> | </div> | ||
| Line 450: | Line 450: | ||
<div class="span12"> | <div class="span12"> | ||
<div class="copyright"> | <div class="copyright"> | ||
| − | + | XXX | |
© | © | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Revision as of 14:56, 6 September 2018
<!DOCTYPE html>
Collect from 免费模板
-
Natrual RE-Lease
CREATE - DESIGN - CODE -
Creative Slider
It's a Revolution!xxxxxxxx,
xxxxxxxxxx,
xxxxxxxxxx.
Get Creative! -
xxxxxxxx
2018.igem.org/Team:UST_Beijing
-
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
