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> |
| − | <meta charset="UTF-8" /> | + | <meta charset="UTF-8" /> |
| − | <title>Team:UST Beijing - 2018.igem.org</title> | + | <title>Team:UST Beijing - 2018.igem.org</title> |
| − | + | <meta name="generator" content="MediaWiki 1.24.1" /> | |
| − | <meta name="description" content=""> | + | <meta name="description" content=""> |
| − | <meta name="author" content=""> | + | <meta name="author" content=""> |
| − | + | ||
| − | <!-- Google Fonts --> | + | <!-- Google Fonts --> |
| − | <link href='http://fonts.useso.com/css?family=Lato:400,700,300' rel='stylesheet' type='text/css'> | + | <link href='http://fonts.useso.com/css?family=Lato:400,700,300' rel='stylesheet' type='text/css'> |
| − | <!--[if IE]> | + | <!--[if IE]> |
| − | + | <link href="http://fonts.useso.com/css?family=Lato" rel="stylesheet" type="text/css"> | |
| − | + | <link href="http://fonts.useso.com/css?family=Lato:400" rel="stylesheet" type="text/css"> | |
| − | + | <link href="http://fonts.useso.com/css?family=Lato:700" rel="stylesheet" type="text/css"> | |
| − | + | <link href="http://fonts.useso.com/css?family=Lato:300" rel="stylesheet" type="text/css"> | |
| − | <![endif]--> | + | <![endif]--> |
| − | + | ||
| − | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/bootstrap&action=raw&ctype=text/css" rel="stylesheet"> | + | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/bootstrap&action=raw&ctype=text/css" rel="stylesheet"> |
| − | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/font-awesome&action=raw&ctype=text/css" rel="stylesheet"> | + | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/font-awesome&action=raw&ctype=text/css" rel="stylesheet"> |
| − | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/theme&action=raw&ctype=text/css" rel="stylesheet"> | + | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/theme&action=raw&ctype=text/css" rel="stylesheet"> |
| − | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/prettyphoto&action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> | + | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/prettyphoto&action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> |
| − | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/zocial&action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> | + | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/zocial&action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> |
| − | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/settings&action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> | + | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/settings&action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> |
| − | <!--[if lt IE 9]> | + | <!--[if lt IE 9]> |
| − | <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> | + | <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> |
| − | <![endif]--> | + | <![endif]--> |
| − | <script language="javascript" type="text/javascript"> | + | <script language="javascript" type="text/javascript"> |
| − | function dsf() | + | function dsf() |
| − | { | + | { |
| − | screen.width | + | screen.width |
| − | screen.height | + | screen.height |
| − | if (window.screen.width=='600') | + | if (window.screen.width=='600') |
| − | document.write ('<body style="zoom: 55%">'); | + | document.write ('<body style="zoom: 55%">'); |
| − | else if (window.screen.width=='800') | + | else if (window.screen.width=='800') |
| − | document.write ('<body style="zoom: 75%">'); | + | document.write ('<body style="zoom: 75%">'); |
| − | + | } | |
| − | + | </script> | |
| − | </head> | + | </head> |
| − | + | ||
| − | </style> | + | </style> |
| − | <body> | + | <body> |
| − | + | <div style="width:1200px;height:0px;"></div> | |
| − | <!--header--> | + | <!--header--> |
| − | + | <div class="header"> | |
| − | + | <div class="container"> | |
| − | + | <!--logo--> | |
| − | + | <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> | |
| − | + | <i class="fa fa-bars"></i></button> | |
| − | + | <div class="logo"> | |
| − | + | <a href="index.html"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--UST_Beijing--Web_small_logo_USTB.png" width="60" height="60" alt="" class="animated bounceInDown" /></a> | |
| − | + | </div> | |
| − | + | <!--menu--> | |
| − | + | <nav id="main_menu"> | |
| − | + | <div class="nav-collapse collapse"> | |
| − | + | <ul class="nav nav-pills"> | |
| − | + | <li class="dropdown active"><a href="javascript:{}">Home</a> | |
| − | + | <ul class="dropdown-menu"> | |
| − | + | ||
| − | + | </ul> | |
| − | + | </li> | |
| − | + | <li class="dropdown"><a href="javascript:{}">Team</a> | |
| − | + | <ul class="dropdown-menu"> | |
| − | + | <li><a href="https://2018.igem.org/Team:UST_Beijing/Team">Team member</a></li> | |
| − | + | <li><a href="https://2018.igem.org/Team:UST_Beijing/Team/Attribution">Attribution</a></li> | |
| − | + | <li><a href="https://2018.igem.org/Team:UST_Beijing/Team/Facilities">Facilities</a></li> | |
| − | + | </ul> | |
| − | + | </li> | |
| − | + | <li class="dropdown"><a href="javascript:{}">Project</a> | |
| − | + | <ul class="dropdown-menu"> | |
| − | + | <li><a href="https://2018.igem.org/Team:UST_Beijing/Background">Background</a></li> | |
| − | + | <li><a href="https://2018.igem.org/Team:UST_Beijing/Experiments">Experiments</a></li> | |
| − | + | <li><a href="https://2018.igem.org/Team:UST_Beijing/Notebook">Notebook</a></li> | |
| − | + | <li><a href="https://static.igem.org/mediawiki/2018/5/57/T--UST_Beijing--interlabstudy.pdf">Interlab</a></li> | |
| − | + | </ul> | |
| − | + | </li> | |
| − | + | ||
| − | + | ||
| − | + | <li class="dropdown"><a href="javascript:{}">Model</a> | |
| − | + | <ul class="dropdown-menu"> | |
| − | + | <li><a href="blog.html">Blog</a></li> | |
| − | + | <li><a href="blog_two.html">Blog II</a></li> | |
| − | + | <li><a href="blog_post.html">Blog Post</a></li> | |
| − | + | <li><a href="blog_post2.html">Blog Post II</a></li> | |
| − | + | </ul> | |
| + | </li> | ||
<li class="dropdown"><a href="javascript:{}">HumanPractice</a> | <li class="dropdown"><a href="javascript:{}">HumanPractice</a> | ||
| − | + | <ul class="dropdown-menu"> | |
| − | + | <li><a href="https://2018.igem.org/Team:UST_Beijing/SocialPractice">Social Practice</a></li> | |
| − | + | <li><a href="https://2018.igem.org/Team:UST_Beijing/Collaboration">Collaboration</a></li> | |
| − | + | </ul> | |
| − | + | </li> | |
<li><a href="https://2018.igem.org/Team:UST_Beijing/Saftey">Safety</a></li> | <li><a href="https://2018.igem.org/Team:UST_Beijing/Saftey">Safety</a></li> | ||
| − | + | <li><a href="https://2018.igem.org/Team:UST_Beijing/Awards">Awards</a></li> | |
| − | + | </ul> | |
| − | + | </div> | |
| − | + | </nav> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <!--//header--> | |
| − | + | <div class="copyrights">Collect from <a href="/" >免费模板</a></div> | |
| − | + | <!--page--> | |
| − | + | <!-- REVOLUTION SLIDER --> | |
<div class="fullwidthbanner-container"> | <div class="fullwidthbanner-container"> | ||
| − | + | <div class="fullwidthbanner"> | |
| − | + | <ul> | |
| − | + | <!-- Slide 1 --> | |
| − | + | <li data-transition="slideright"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/8/8b/T--UST_Beijing--Web_slider_1.png" alt="" /> | |
| − | + | ||
| − | + | <!-- Caption --> | |
| − | + | <div class="tp-caption lfr" data-x="left" data-y="195" data-speed="2400" data-start="800" data-easing="easeOutExpo"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/a/a3/T--UST_Beijing--Web_robot_1.png" alt="" /> | |
| − | + | </div> | |
| − | + | ||
| − | + | <!-- Caption --> | |
| − | + | <div class="tp-caption lfb" data-x="870" data-y="140" data-speed="1400" data-start="1800" data-easing="easeOutExpo"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/4/49/T--UST_Beijing--Web_rocket.png" alt="" /> | |
| − | + | </div> | |
| − | + | ||
| − | + | <!-- Caption --> | |
| − | + | <div class="tp-caption lfb" data-x="825" data-y="330" data-speed="1500" data-start="1900" data-easing="easeOutExpo"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/4/44/T--UST_Beijing--Web_flames.png" alt="" /> | |
| − | + | </div> | |
| − | + | ||
| − | + | <!-- Caption --> | |
| − | + | <div class="caption sft stl" data-x="center" data-y="105" data-speed="1000" data-start="700" data-easing="easeOutExpo"> | |
| − | + | <h3 class="rev-title bold">Natrual RE-Lease</h3> | |
| − | + | </div> | |
| − | + | ||
| − | + | <!-- Caption --> | |
| − | + | <div class="caption lfl stl rev-title-sub" data-x="center" data-y="240" data-speed="800" data-start="1100" data-easing="easeOutExpo"> | |
| − | + | CREATE - DESIGN - CODE | |
| − | + | </div> | |
| − | + | ||
| − | + | <!-- Caption --> | |
| − | + | <div class="caption sfb" data-x="center" data-y="320" data-speed="1100" data-start="1500" data-easing="easeOutExpo"> | |
| − | + | <a href="#" class="btn btn-primary btn-custom">OUR PORTFOLIO</a> | |
| − | + | </div> | |
| − | + | </li> | |
| − | + | ||
| − | + | <!-- Slide 2 --> | |
| − | + | <li data-transition="slideleft"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/0/03/T--UST_Beijing--Web_slider_2.png" alt="" /> | |
| − | + | ||
| − | + | <!-- Caption --> | |
| − | + | <div class="tp-caption lfl" data-x="right" data-y="35" data-speed="1000" data-start="800" data-easing="easeOutExpo"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/1/17/T--UST_Beijing--Web_iMac.png" alt="" /> | |
| − | + | </div> | |
| − | + | ||
| − | + | <!-- Caption --> | |
| − | + | <div class="caption lfl stl bg" data-x="20" data-y="60" data-speed="800" data-start="700" data-easing="easeOutExpo"> | |
| − | + | <h2 class="rev-title big white">Creative Slider<br>It's a Revolution!</h2> | |
| − | + | </div> | |
| − | + | ||
| − | + | <!-- 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"> | |
| − | + | <p class="hidden-phone">xxxxxxxx,<br /> | |
| − | + | xxxxxxxxxx,<br/> | |
| − | + | xxxxxxxxxx. | |
| − | + | <br/>Get Creative!</p> | |
| − | + | </div> | |
| − | + | ||
| − | + | <!-- Caption --> | |
| − | + | <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">xxxxxx</a> | |
| − | + | <a href="#" class="btn btn-inverse btn-custom mobile">xxxxxx</a> | |
| − | + | </div> | |
| − | + | </li> | |
| − | + | ||
| − | + | <!-- Slide 3 --> | |
| − | + | <li data-transition="slideleft" > | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/1/11/T--UST_Beijing--Web_slider_3.png" alt="" /> | |
| − | + | ||
| − | + | <!-- Caption --> | |
| − | + | <div class="tp-caption lfl" data-x="right" data-y="35" data-speed="1000" data-start="800" data-easing="easeOutExpo"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/3/34/T--UST_Beijing--Web_robot_2.png" alt="" /> | |
| − | + | </div> | |
| − | + | ||
| − | + | <!-- 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"> | |
| − | + | <h3 class="rev-title big bold">xxxxxxxx</h3> | |
| − | + | </div> | |
| − | + | ||
| − | + | <!-- 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"> | |
| − | + | <p class="white hidden-phone">xxxxxxxxxxxxxxxxxx,<br /> | |
| − | + | xxxxxxxxxxxxxxxxxxxxx,<br /> | |
| − | + | xxxxxxxxxxxxxxxxxxx.</p> | |
| − | + | </div> | |
| − | + | ||
| − | + | <!-- Caption --> | |
| − | + | <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">UST_Beijing</h3> | |
| − | + | </div> | |
| − | + | </li> | |
| − | + | ||
| − | + | <!-- Slide 4 --> | |
| − | + | <li data-transition="slidedown"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/2/23/T--UST_Beijing--Web_slider_4.png" alt="" /> | |
| − | + | ||
| − | + | <!-- Caption --> | |
| − | + | <div class="caption fade fullscreenvideo" data-autoplay="false" data-speed="500" data-start="500" data-easing="easeOutBack"> | |
| − | + | <iframe src="https://vimeo.com/user89242757/review/288669481/957e2eadec"></iframe> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="caption big_white sft stt" data-x="center" data-y="25" data-speed="300" data-start="500" data-easing="easeOutExpo" data-end="4000" | |
| − | + | data-endspeed="300" data-endeasing="easeInSine"> | |
| − | + | Have Fun Watching the Video | |
| − | + | </div> | |
| − | + | </li> | |
| − | + | </ul> | |
| − | + | <div class="tp-bannertimer tp-bottom"></div> | |
</div> | </div> | ||
</div> | </div> | ||
<!-- // END REVOLUTION SLIDER --> | <!-- // END REVOLUTION SLIDER --> | ||
| − | + | ||
| − | + | <div id="banner"> | |
| − | + | <div class="container intro_wrapper"> | |
| − | + | <div class="inner_content"> | |
| − | + | ||
| − | + | <!--welcome--> | |
| − | + | <div class="welcome_index"> | |
| − | + | I think most <a href="#"><span class="hue_block white normal">programmers</span></a> spend the first 5 years of their career mastering | |
| − | + | <span class="hue">complexity</span> and the rest of their lives learning <span>simplicity</span> | |
| − | + | - Buzz Andersen | |
| − | + | </div> | |
| − | + | <!--//welcome--> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <!--//banner--> | |
| − | + | ||
| − | + | <div class="container wrapper"> | |
| − | + | <div class="inner_content"> | |
| − | + | <div class="pad45"></div> | |
| − | + | ||
| − | + | <!--info boxes--> | |
| − | + | <div class="row"> | |
| − | + | <div class="span3"> | |
| − | + | <div class="tile"> | |
| − | + | <div class="intro-icon-disc cont-large"><i class="fa fa-wrench intro-icon-large"></i></div> | |
| − | + | <h6><small>DESIGN</small> | |
| − | + | <br><a href="#"><span>built for & by nerds</span></a></h6> | |
| − | + | <p>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. </p> | |
| − | + | </div> | |
| − | + | <div class="pad25"></div> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="span3"> | |
| − | + | <div class="tile"> | |
| − | + | <div class="intro-icon-disc cont-large"><i class="fa fa-rocket intro-icon-large"></i></div> | |
| − | + | <h6><small>CODE</small> | |
| − | + | <br><a href="#"><span>12-column grid</span></a></h6> | |
| − | + | <p>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.</p> | |
| − | + | </div> | |
| − | + | <div class="pad25"></div> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="span3"> | |
| − | + | <div class="tile"> | |
| − | + | <div class="intro-icon-disc cont-large"><i class="fa fa-flask intro-icon-large"></i></div> | |
| − | + | <h6><small>CREATE</small> | |
| − | + | <br><a href="#"><span>responsive</span></a></h6> | |
| − | + | <p>Bootstrap have gone fully responsive. Our components are scaled according to a range of resolutions and devices to provide a consistent | |
| − | + | experience.</p> | |
| − | + | </div> | |
| − | + | <div class="pad25"></div> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="span3"> | |
| − | + | <div class="tile tile-hot"> | |
| − | + | <div class="intro-icon-disc cont-large"><i class="fa fa-book intro-icon-large"></i></div> | |
| − | + | <h6> <small>SUPPORT</small> | |
| − | + | <br><a href="#"><span>growing library</span></a></h6> | |
| − | + | <p>Despite being only 7kb (gzipped), Bootstrap is one of the most complete front-end toolkits out there with dozens of fully functional components.</p> | |
| − | + | </div> | |
| − | + | <div class="pad25"></div> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | ||
| − | + | <!--//info boxes--> | |
| − | + | <div class="row"> | |
| − | + | <!--col 1--> | |
| − | + | <div class="span12"> | |
| − | + | <div class="row"> | |
| − | + | <div class="pad25 hidden-phone"></div> | |
| − | + | ||
| − | + | <div class="span4"> | |
| − | + | <h1>Recent Work</h1> | |
| − | + | <h4>Lorem ipsum dolor sit amet, rebum putant recusabo in ius, pri simul tempor ne, his ei summo virtute.</h4> | |
| − | + | <p>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.</p> | |
| − | + | ||
| − | + | <a href="#" class="btn btn-primary btn-custom btn-rounded">view portfolio</a> | |
| − | + | <div class="pad45"></div> | |
| − | + | </div> | |
| − | + | <!--column 2 slider--> | |
| − | + | <div class="span8 pad15 col_full2"> | |
| − | + | ||
| − | + | <div id="slider_home"> | |
| − | + | <div class="slider-item"> | |
| − | + | <div class="slider-image"> | |
| − | + | <div class="hover_colour"> | |
| − | + | <a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/c/ca/T--UST_Beijing--Web_small_s1.png" alt="" /></a> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div class="slider-title"> | |
| − | + | <h3><a href="#">catalogue</a></h3> | |
| − | + | <p>An his tamquam postulant, pri id mazim nostrud diceret.</p> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="slider-item"> | |
| − | + | <div class="slider-image"> | |
| − | + | <div class="hover_colour"> | |
| − | + | <a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_small_s1.png" alt="" /></a> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div class="slider-title"> | |
| − | + | <h3><a href="#">loupe</a></h3> | |
| − | + | <p>An his tamquam postulant, pri id mazim nostrud diceret.</p> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="slider-item"> | |
| − | + | <div class="slider-image"> | |
| − | + | <div class="hover_colour"> | |
| − | + | <a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_small_s1.png" alt="" /></a> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div class="slider-title"> | |
| − | + | <h3><a href="#">retro rocket</a></h3> | |
| − | + | <p>An his tamquam postulant, pri id mazim nostrud diceret.</p> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="slider-item"> | |
| − | + | <div class="slider-image"> | |
| − | + | <div class="hover_colour"> | |
| − | + | <a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_small_s1.png" alt="" /></a> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div class="slider-title"> | |
| − | + | <h3><a href="#">infographics</a></h3> | |
| − | + | <p>An his tamquam postulant, pri id mazim nostrud diceret.</p> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="slider-item"> | |
| − | + | <div class="slider-image"> | |
| − | + | <div class="hover_colour"> | |
| − | + | <a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_small_s1.png" alt="" /></a> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div class="slider-title"> | |
| − | + | <h3><a href="#">mock up</a></h3> | |
| − | + | <p>An his tamquam postulant, pri id mazim nostrud diceret.</p> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="slider-item"> | |
| − | + | <div class="slider-image"> | |
| − | + | <div class="hover_colour"> | |
| − | + | <a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_small_s1.png" alt="" /></a> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div class="slider-title"> | |
| − | + | <h3><a href="#">retro badges</a></h3> | |
| − | + | <p>An his tamquam postulant, pri id mazim nostrud diceret.</p> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="slider-item"> | |
| − | + | <div class="slider-image"> | |
| − | + | <div class="hover_colour"> | |
| − | + | <a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_small_s1.png" alt="" /></a> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div class="slider-title"> | |
| − | + | <h3><a href="#">details</a></h3> | |
| − | + | <p>An his tamquam postulant, pri id mazim nostrud diceret.</p> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class="slider-item"> | |
| − | + | <div class="slider-image"> | |
| − | + | <div class="hover_colour"> | |
| − | + | <a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_small_s1.png" alt="" /></a> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div class="slider-title"> | |
| − | + | <h3><a href="#">vintage form</a></h3> | |
| − | + | <p>An his tamquam postulant, pri id mazim nostrud diceret.</p> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div id="sl-prev" class="widget-scroll-prev"><i class="fa fa-chevron-left white"></i></div> | |
| − | + | <div id="sl-next" class="widget-scroll-next"><i class="fa fa-chevron-right white but_marg"></i></div> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <!--//page--> | |
| − | + | ||
| − | + | <div class="pad25 hidden-desktop"></div> | |
| − | + | </div> | |
| − | + | ||
| − | + | <!-- footer --> | |
| − | + | <div id="footer"> | |
| − | + | <h1>get in touch</h1> | |
| − | + | <h3 class="center follow"> | |
| − | + | We're social and we'd love to hear from you! Feel free to send us an email, find us on Google Plus, follow us on Twitter and join us on Facebook.</h3> | |
| − | + | ||
| − | + | <div class="follow_us"> | |
| − | + | <a href="#" class="zocial twitter"></a> | |
| − | + | <a href="#" class="zocial facebook"></a> | |
| − | + | <a href="#" class="zocial linkedin"></a> | |
| − | + | <a href="#" class="zocial googleplus"></a> | |
| − | + | <a href="#" class="zocial vimeo"></a> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | ||
| − | + | <!-- footer 2 --> | |
| − | + | <div id="footer2"> | |
| − | + | <div class="container"> | |
| − | + | <div class="row"> | |
| − | + | <div class="span12"> | |
| − | + | <div class="copyright"> | |
XXX | XXX | ||
| − | + | © | |
| − | + | <script type="text/javascript"> | |
| − | + | //<![CDATA[ | |
| − | + | var d = new Date() | |
| − | + | document.write(d.getFullYear()) | |
| − | + | //]]> | |
| − | + | </script> | |
| − | + | - All Rights Reserved : | |
| − | + | More Templates | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | ||
| − | + | <!-- up to top --> | |
| − | + | <a href="#"><i class="go-top hidden-phone hidden-tablet fa fa-angle-double-up"></i></a> | |
| − | + | <!--//end--> | |
| − | <!-- SCRIPTS --> | + | <!-- SCRIPTS --> |
| − | + | ||
| − | <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script> | + | <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script> |
| − | <script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/bootstrap&action=raw&ctype=text/javascript"></script> | + | <script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/bootstrap&action=raw&ctype=text/javascript"></script> |
| − | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerytprevolution&action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerytprevolution&action=raw&ctype=text/javascript"></script> |
| − | + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerytpplugins&action=raw&ctype=text/javascript"></script> | |
| − | <!-- slider settings --> | + | <!-- slider settings --> |
| − | <script> | + | <script> |
| − | + | //<![CDATA[ | |
| − | + | $(document).ready(function() { | |
| − | + | if ($.fn.cssOriginal!=undefined) | |
| − | + | $.fn.css = $.fn.cssOriginal; | |
| − | + | $('.fullwidthbanner').revolution( | |
| − | + | { | |
| − | + | delay:9000, | |
| − | + | startwidth:1170, | |
| − | + | startheight:550, | |
| − | + | onHoverStop:"on", | |
| − | + | navigationType:"none", | |
| − | + | soloArrowLeftHOffset:0, | |
| − | + | soloArrowLeftVOffset:0, | |
| − | + | soloArrowRightHOffset:0, | |
| − | + | soloArrowRightVOffset:0, | |
| − | + | touchenabled:"on", | |
| − | + | fullWidth:"on", | |
| − | + | shadow:0 | |
| − | + | }); | |
| − | + | }); | |
| − | //]]> | + | //]]> |
| − | </script> | + | </script> |
| − | <script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerytouchswipe&action=raw&ctype=text/javascript"></script> | + | <script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerytouchswipe&action=raw&ctype=text/javascript"></script> |
| − | <script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerymousewheel&action=raw&ctype=text/javascript"></script> | + | <script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerymousewheel&action=raw&ctype=text/javascript"></script> |
| − | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jqueryprettyphoto&action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jqueryprettyphoto&action=raw&ctype=text/javascript"></script> |
| − | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/scripts&action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/scripts&action=raw&ctype=text/javascript"></script> |
| − | <!-- carousel --> | + | <!-- carousel --> |
| − | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerycaroufredsel&action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerycaroufredsel&action=raw&ctype=text/javascript"></script> |
| − | <script type="text/javascript"> | + | <script type="text/javascript"> |
| − | //<![CDATA[ | + | //<![CDATA[ |
| − | jQuery(document).ready(function($) { | + | jQuery(document).ready(function($) { |
| − | + | $("#slider_home").carouFredSel({ width : "100%", height : "auto", | |
| − | + | responsive : true, circular : true, infinite : false, auto : false, | |
| − | + | items : { width : 231, visible: { min: 1, max: 3 } | |
| − | + | }, | |
| − | + | swipe : { onTouch : true, onMouse : true }, | |
| − | + | scroll: { items: 3, }, | |
| − | + | prev : { button : "#sl-prev", key : "left"}, | |
| − | + | next : { button : "#sl-next", key : "right" } | |
| − | + | }); | |
| − | + | }); | |
| − | + | //]]> | |
| − | + | </script> | |
| − | </body> | + | </body> |
</html> | </html> | ||
Revision as of 11:25, 7 September 2018
<!DOCTYPE html>
Collect from 免费模板
-
Natrual RE-Lease
CREATE - DESIGN - CODE -
Creative Slider
It's a Revolution!xxxxxxxx,
xxxxxxxxxx,
xxxxxxxxxx.
Get Creative! -
xxxxxxxx
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