(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | + | <html lang="en" dir="ltr" class="client-nojs"> | |
− | <html> | + | <head> |
− | + | <meta charset="UTF-8" /> | |
− | < | + | <title>Team:UST Beijing - 2018.igem.org</title> |
− | + | <meta name="generator" content="MediaWiki 1.24.1" /> | |
− | < | + | <meta name="description" content=""> |
− | < | + | <meta name="author" content=""> |
− | + | ||
− | < | + | <!-- Google Fonts --> |
− | + | <link href='http://fonts.useso.com/css?family=Lato:400,700,300' rel='stylesheet' type='text/css'> | |
− | </ | + | <!--[if IE]> |
− | + | <link href="http://fonts.useso.com/css?family=Lato" rel="stylesheet" type="text/css"> | |
− | </div> | + | <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]--> | |
− | <div class=" | + | |
− | < | + | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/bootstrap&action=raw&ctype=text/css" rel="stylesheet"> |
− | <ul> | + | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/font-awesome&action=raw&ctype=text/css" rel="stylesheet"> |
− | <li> | + | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/theme&action=raw&ctype=text/css" rel="stylesheet"> |
− | <li> | + | <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"/> |
− | <li> | + | <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"/> |
− | </ul> | + | <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]> | |
− | </ | + | <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> |
− | + | <![endif]--> | |
− | < | + | <script language="javascript" type="text/javascript"> |
− | < | + | function dsf() |
− | < | + | { |
− | <ul> | + | screen.width |
− | <li><a href="https:// | + | screen.height |
− | <li><a href="https:// | + | if (window.screen.width=='600') |
− | <li><a href="https:// | + | document.write ('<body style="zoom: 55%">'); |
− | </ul> | + | else if (window.screen.width=='800') |
− | </div> | + | document.write ('<body style="zoom: 75%">'); |
− | </div> | + | } |
− | + | </script> | |
− | + | </head> | |
− | <div class="clear"></div> | + | |
− | + | </style> | |
− | + | <body> | |
+ | <div style="width:1200px;height:0px;"></div> | ||
+ | <!--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><a href="https://2018.igem.org/Team:UST_Beijing">Home</a></li> | ||
+ | <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 active"><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><a href="https://2018.igem.org/Team:UST_Beijing/Model">Model</a></li> | ||
+ | |||
+ | <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/Awards">Awards</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--//header--> | ||
+ | <!--page--> | ||
+ | <div id="banner"> | ||
+ | <div class="container intro_wrapper"> | ||
+ | <div class="inner_content"> | ||
+ | <h1>Our Services</h1> | ||
+ | <h1 class="title">What We Can Do For You</h1> | ||
+ | |||
+ | <h1 class="intro"> | ||
+ | Web design is the creation of <span class="hue">digital environments</span>, that <span>facilitate</span> and encourage human activity; | ||
+ | <span>reflect </span> or adapt to individual voices and content. - Jeffrey Zeldman</h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="pad30"></div> | ||
+ | <div class="container wrapper"> | ||
+ | <div class="inner_content"> | ||
+ | <!-- slider --> | ||
+ | <div id="mi-slider" class="mi-slider"> | ||
+ | <ul> | ||
+ | <li><img alt="" src="img/illustrations/compass.png" /><h4>create</h4></li> | ||
+ | <li><img alt="" src="img/illustrations/infinity.png" /><h4>code</h4></li> | ||
+ | <li><img alt="" src="img/illustrations/colors.png" /><h4>design</h4></li> | ||
+ | </ul> | ||
+ | |||
+ | <ul> | ||
+ | <li><img alt="" src="img/illustrations/share.png" /><h4>share</h4></li> | ||
+ | <li><img alt="" src="img/illustrations/book.png" /><h4>book</h4></li> | ||
+ | <li><img alt="" src="img/illustrations/map.png" /><h4>map</h4></li> | ||
+ | </ul> | ||
+ | |||
+ | <ul> | ||
+ | <li><img alt="" src="img/illustrations/paper.png" /><h4>paper</h4></li> | ||
+ | <li><img alt="" src="img/illustrations/gift.png" /><h4>gifts</h4></li> | ||
+ | <li><img alt="" src="img/illustrations/time.png" /><h4>time</h4></li> | ||
+ | </ul> | ||
+ | |||
+ | <ul> | ||
+ | <li><img alt="" src="img/illustrations/calendar.png" /><h4>calendar</h4></li> | ||
+ | <li><img alt="" src="img/illustrations/clipboard.png" /><h4>clipboard</h4></li> | ||
+ | <li><img alt="" src="img/illustrations/bag.png" /><h4>bag</h4></li> | ||
+ | </ul> | ||
+ | <nav> | ||
+ | <a href="#">Web</a> | ||
+ | <a href="#">Graphics</a> | ||
+ | <a href="#">Video</a> | ||
+ | <a href="#">Photo</a> | ||
+ | </nav> | ||
+ | </div> | ||
+ | <!-- /slider --> | ||
+ | |||
+ | <div class="pad90 hidden-phone"></div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | <div class="pad45"></div> | ||
+ | <div class="row"> | ||
+ | <div class="span4"> | ||
+ | <h2>Web Design</h2> | ||
+ | <p>Ecilisis venenatis risus, suspendisse ac nec et. Nulla sed mauris, congue duis proin nonummy elementum phasellus. Mauris sed nulla sed, | ||
+ | egestas feugiat a dictum libero, nunc sapien tristique facilisis commodo cursus egestas et. </p> | ||
+ | <div class="pad15"></div> | ||
+ | <div class="hover_colour"> | ||
+ | <a href="img/large/s2.jpg" data-rel="prettyPhoto[portfolio1]"> | ||
+ | <img src="img/large/s2.jpg" alt="" /></a> | ||
+ | </div> | ||
+ | <div class="pad45"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="span4"> | ||
+ | <h2>Graphic Design</h2> | ||
+ | <p>Ecilisis venenatis risus, suspendisse ac nec et. Nulla sed mauris, congue duis proin nonummy elementum phasellus. Mauris sed nulla sed, | ||
+ | egestas feugiat a dictum libero, nunc sapien tristique facilisis commodo cursus egestas et.</p> | ||
+ | <div class="pad15"></div> | ||
+ | <div class="hover_colour"> | ||
+ | <a href="img/large/s8.jpg" data-rel="prettyPhoto[portfolio1]"> | ||
+ | <img src="img/large/s8.jpg" alt="" /></a> | ||
+ | </div> | ||
+ | <div class="pad45"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="span4"> | ||
+ | <h2>Photography</h2> | ||
+ | <p>Ecilisis venenatis risus, suspendisse ac nec et. Nulla sed mauris, congue duis proin nonummy elementum phasellus. Mauris sed nulla sed, | ||
+ | egestas feugiat a dictum libero, nunc sapien tristique facilisis commodo cursus egestas et.</p> | ||
+ | <div class="pad15"></div> | ||
+ | <div class="hover_colour"> | ||
+ | <a href="img/large/s5.jpg" data-rel="prettyPhoto[portfolio1]"> | ||
+ | <img src="img/large/s5.jpg" alt="" /></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="span12 pad25"> | ||
+ | <div class="row"> | ||
+ | |||
+ | <h1 class="center">Our Wonderful Partners</h1> | ||
+ | <h3 class="center client_intro">Ecilisis venenatis risus, suspendisse ac nec et. Nulla sed mauris, congue duis proin nonummy elementum phasellus. | ||
+ | Mauris sed nulla sed, egestas feugiat a dictum libero</h3> | ||
+ | |||
+ | <div class="span4 client client1"><a href="#">Client Name</a></div> | ||
+ | <div class="span4 client client2"><a href="#">Client Name</a></div> | ||
+ | <div class="span4 client client3"><a href="#">Client Name</a></div> | ||
+ | <div class="span4 client client4"><a href="#">Client Name</a></div> | ||
+ | <div class="span4 client client5"><a href="#">Client Name</a></div> | ||
+ | <div class="span4 client client6"><a href="#">Client Name</a></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--//page--> | ||
+ | |||
+ | <!-- footer--> | ||
+ | <div id="footer2"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="span12"> | ||
+ | <div class="copyright"> | ||
+ | FLATI | ||
+ | © | ||
+ | <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--> | ||
+ | |||
+ | <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script> | ||
+ | <script src="js/jquery.touchSwipe.min.js"></script> | ||
+ | <script src="js/jquery.mousewheel.min.js"></script> | ||
+ | <script src="js/jquery.nivo.slider.pack.js"></script> | ||
+ | <script src="js/bootstrap.min.js"></script> | ||
+ | <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script> | ||
+ | <script type="text/javascript" src="js/scripts.js"></script> | ||
+ | <!--slider--> | ||
+ | <script src="js/jquery.catslider.js"></script> | ||
+ | <script> | ||
+ | //<![CDATA[ | ||
+ | $(function() { | ||
+ | $( '#mi-slider' ).catslider(); | ||
+ | }); | ||
+ | //]]> | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 12:25, 7 September 2018
Web Design
Ecilisis venenatis risus, suspendisse ac nec et. Nulla sed mauris, congue duis proin nonummy elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tristique facilisis commodo cursus egestas et.
Graphic Design
Ecilisis venenatis risus, suspendisse ac nec et. Nulla sed mauris, congue duis proin nonummy elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tristique facilisis commodo cursus egestas et.
Photography
Ecilisis venenatis risus, suspendisse ac nec et. Nulla sed mauris, congue duis proin nonummy elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tristique facilisis commodo cursus egestas et.