Line 1: | Line 1: | ||
+ | <!DOCTYPE html> | ||
<html lang="en" dir="ltr" class="client-nojs"> | <html lang="en" dir="ltr" class="client-nojs"> | ||
<head> | <head> | ||
Line 25: | Line 26: | ||
<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"> | ||
+ | function dsf() | ||
+ | { | ||
+ | screen.width | ||
+ | screen.height | ||
+ | if (window.screen.width=='600') | ||
+ | document.write ('<body style="zoom: 55%">'); | ||
+ | else if (window.screen.width=='800') | ||
+ | document.write ('<body style="zoom: 75%">'); | ||
+ | } | ||
+ | </script> | ||
</head> | </head> | ||
</style> | </style> | ||
<body> | <body> | ||
+ | <div style="width:1200px;height:100px;"></div>> | ||
<!--header--> | <!--header--> | ||
<div class="header"> | <div class="header"> | ||
Line 36: | Line 49: | ||
<i class="fa fa-bars"></i></button> | <i class="fa fa-bars"></i></button> | ||
<div class="logo"> | <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=" | + | <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> | </div> | ||
<!--menu--> | <!--menu--> | ||
Line 44: | Line 57: | ||
<li class="dropdown active"><a href="javascript:{}">Home</a> | <li class="dropdown active"><a href="javascript:{}">Home</a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
<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=" | + | <li><a href="https://2018.igem.org/Team:UST_Beijing/Team">Team member</a></li> |
<li><a href="about.html">About</a></li> | <li><a href="about.html">About</a></li> | ||
Line 213: | Line 223: | ||
<!-- Caption --> | <!-- Caption --> | ||
<div class="caption fade fullscreenvideo" data-autoplay="false" data-speed="500" data-start="500" data-easing="easeOutBack"> | <div class="caption fade fullscreenvideo" data-autoplay="false" data-speed="500" data-start="500" data-easing="easeOutBack"> | ||
− | <iframe src=" | + | <iframe src="https://vimeo.com/user89242757/review/288669481/957e2eadec"></iframe> |
</div> | </div> | ||
Revision as of 08:26, 7 September 2018
<!DOCTYPE html>
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