|
|
Line 1: |
Line 1: |
| | | |
− | ·<!DOCTYPE HTML>
| |
− | <html lang="en">
| |
− | <head>
| |
− | <meta charset="utf-8">
| |
− | <title>Team</title>
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
− | <meta name="description" content="">
| |
− | <meta name="author" content="">
| |
− | <!-- css -->
| |
− | <link href="css/bootstrap-responsive.css" tppabs="css/bootstrap-responsive.css" rel="stylesheet">
| |
− | <link href="css/style.css" tppabs="css/style.css" rel="stylesheet">
| |
− | <!-- skin color -->
| |
− | <link href="color/default.css" tppabs="color/default.css" rel="stylesheet">
| |
− | </head>
| |
− | <body>
| |
− | <!-- navbar -->
| |
− | <div class="navbar-wrapper">
| |
− | <div class="navbar navbar-inverse navbar-fixed-top">
| |
− | <div class="navbar-inner">
| |
− | <div class="container">
| |
− | <!-- Responsive navbar -->
| |
− | <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
| |
− | </a>
| |
− | <h1 class="brand"><a href="index.html" tppabs="index.html">IGEM2017</a></h1>
| |
− | <!-- navigation -->
| |
− | <nav class="pull-right nav-collapse collapse">
| |
− | <ul id="menu-main" class="nav">
| |
− | <li><a title="team" href="#about">Team</a></li>
| |
− | <li><a title="services" href="#services">Project</a></li>
| |
− | <li><a title="works" href="#works">Modeling</a></li>
| |
− | <li><a title="blog" href="#blog">Experiments</a></li>
| |
− | <li><a title="contact" href="#contact">Human practice</a></li>
| |
− | <li><a href="page.html">Page</a></li>
| |
− | </ul>
| |
− | </nav>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <!-- spacer section -->
| |
− | <section class="spacer green" style="height: 300;">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <img src="img/blackLogo.png" style="height: 300px;margin-left: 140px;margin-top: 10px;position: absolute;"/>
| |
− | <div class="span12 aligncenter flyUp" style="position: absolute;margin-top: 100px;margin-left: 200px;">
| |
− | <h2 class="pagetitle"> <strong>TEAM</strong></h2>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
− | <!-- end spacer section -->
| |
− |
| |
− |
| |
− | <!-- section: team -->
| |
− | <section id="about" class="section">
| |
− | <div class="container">
| |
− | <h4>Who We Are</h4>
| |
− | <div class="row">
| |
− | <div class="span4 offset1">
| |
− | <div>
| |
− | <h2>We live with <strong>creativity</strong></h2>
| |
− | <p>
| |
− | Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores.
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | <div class="span6">
| |
− | <div class="aligncenter">
| |
− | <img src="img/icons/creativity.png" alt="" />
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="row">
| |
− | <div class="span2 offset1 flyIn">
| |
− | <div class="people">
| |
− | <img class="team-thumb img-circle" src="img/team/img-1.jpg" alt="" />
| |
− | <h3>John Doe</h3>
| |
− | <p>
| |
− | Art director
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | <div class="span2 flyIn">
| |
− | <div class="people">
| |
− | <img class="team-thumb img-circle" src="img/team/img-2.jpg" alt="" />
| |
− | <h3>Mike Doe</h3>
| |
− | <p>
| |
− | Web developer
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | <div class="span2 flyIn">
| |
− | <div class="people">
| |
− | <img class="team-thumb img-circle" src="img/team/img-3.jpg" alt="" />
| |
− | <h3>Neil Doe</h3>
| |
− | <p>
| |
− | Web designer
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | <div class="span2 flyIn">
| |
− | <div class="people">
| |
− | <img class="team-thumb img-circle" src="img/team/img-4.jpg" alt="" />
| |
− | <h3>Mark Joe</h3>
| |
− | <p>
| |
− | UI designer
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | <div class="span2 flyIn">
| |
− | <div class="people">
| |
− | <img class="team-thumb img-circle" src="img/team/img-5.jpg" alt="" />
| |
− | <h3>Stephen B</h3>
| |
− | <p>
| |
− | Digital imaging
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="container">
| |
− | <div class="row" style="margin-top: 100px; margin-bottom: -70px;">
| |
− | <div class="home-post" >
| |
− | <div class="post-image">
| |
− | <img class="max-img" src="img/1.jpg" alt="" style="width: 30%;float: right;">
| |
− | </div>
| |
− | <div class="entry-content" style="height: 229.06px;width: 800px;">
| |
− | <h5><strong><a href="#">New design trends</a></strong></h5>
| |
− | <p style="font-size: 24px;text-indent: 2em;">
| |
− | I’m Jiajia Lin, a girl from Zhejiang University of Techonology. Majored in Biological Engineering, I'm passionate about biology. In my spare time I like reading, listening to music and drawing.
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="container">
| |
− | <div class="row" style="margin-top: 100px; margin-bottom: -70px;">
| |
− | <div class="home-post" >
| |
− | <div class="post-image">
| |
− | <img class="max-img" src="https://static.igem.org/mediawiki/2017/c/ce/Jiajialin.jpg" alt="" style="width: 30%;float: left;">
| |
− | </div>
| |
− | <div class="entry-content" style="height: 419.06px">
| |
− | <h5><strong><a href="#">New design trends</a></strong></h5>
| |
− | <p style="font-size: 24px;line-height: 3.0em;text-indent: 2em;">
| |
− | I'm jiahui liu,21 years olds. My hometown is QuZhou,ZheJiang.Now I'm a junior in zhejiang university of techonology and major in biological engineering.Actually
| |
− | I'm a quiet girl and always do some reading or see some movies on leisure time. Maybe we can share with each other.
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="container">
| |
− | <div class="row" style="margin-top: 100px; margin-bottom: -70px;">
| |
− | <div class="home-post" >
| |
− | <div class="post-image">
| |
− | <img class="max-img" src="img/5.png" alt="" style="width: 30%;float: right;">
| |
− | </div>
| |
− | <div class="entry-content" style="height: 380.06px;width: 800px;">
| |
− | <h5><strong><a href="#">New design trends</a></strong></h5>
| |
− | <p style="font-size: 24px;line-height: 3.0em;text-indent: 2em;">
| |
− | I’m Jiajia Lin, a girl from Zhejiang University of Techonology. Majored in Biological Engineering, I'm passionate about biology. In my spare time I like reading, listening to music and drawing.
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | <!-- /.container -->
| |
− | </section>
| |
− | <!-- end section: team -->
| |
− |
| |
− |
| |
− | <!-- section: blog -->
| |
− | <section id="blog" class="section">
| |
− | <div class="container">
| |
− | <h4>Our Team</h4>
| |
− | <!-- Three columns -->
| |
− | <div class="row">
| |
− | <div class="span4">
| |
− | <div class="home-post">
| |
− | <div class="post-image">
| |
− | <img class="max-img" src="img/blog/img2.jpg" alt="" />
| |
− | </div>
| |
− | <div class="post-meta">
| |
− | <i class="icon-file icon-2x"></i>
| |
− | <span class="date">June 19, 2013</span>
| |
− | <span class="tags"><a href="#">Design</a>, <a href="#">Blog</a></span>
| |
− | </div>
| |
− | <div class="entry-content">
| |
− | <h5><strong><a href="#">New design trends</a></strong></h5>
| |
− | <p>
| |
− | I’m Jiajia Lin, a girl from Zhejiang University of Techonology. Majored in Biological Engineering, I'm passionate about biology. In my spare time I like reading, listening to music and drawing.
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="span4">
| |
− | <div class="home-post">
| |
− | <div class="post-image">
| |
− | <img class="max-img" src="img/blog/img2.jpg" alt="" />
| |
− | </div>
| |
− | <div class="post-meta">
| |
− | <i class="icon-file icon-2x"></i>
| |
− | <span class="date">June 19, 2013</span>
| |
− | <span class="tags"><a href="#">Design</a>, <a href="#">News</a></span>
| |
− | </div>
| |
− | <div class="entry-content">
| |
− | <h5><strong><a href="#">Retro is great</a></strong></h5>
| |
− | <p>
| |
− | I’m Jiajia Lin, a girl from Zhejiang University of Techonology. Majored in Biological Engineering, I'm passionate about biology. In my spare time I like reading, listening to music and drawing.
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="span4">
| |
− | <div class="home-post">
| |
− | <div class="post-image">
| |
− | <img class="max-img" src="img/blog/img3.jpg" alt="" />
| |
− | </div>
| |
− | <div class="post-meta">
| |
− | <i class="icon-file icon-2x"></i>
| |
− | <span class="date">June 22, 2013</span>
| |
− | <span class="tags"><a href="#">Design</a>, <a href="#">Tips</a></span>
| |
− | </div>
| |
− | <div class="entry-content">
| |
− | <h5><strong><a href="#">Isometric mockup</a></strong></h5>
| |
− | <p>
| |
− | I’m Jiajia Lin, a girl from Zhejiang University of Techonology. Majored in Biological Engineering, I'm passionate about biology. In my spare time I like reading, listening to music and drawing.
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="span4">
| |
− | <div class="home-post">
| |
− | <div class="post-image">
| |
− | <img class="max-img" src="img/blog/img4.jpg" alt="" />
| |
− | </div>
| |
− | <div class="post-meta">
| |
− | <i class="icon-file icon-2x"></i>
| |
− | <span class="date">June 27, 2013</span>
| |
− | <span class="tags"><a href="#">News</a>, <a href="#">Tutorial</a></span>
| |
− | </div>
| |
− | <div class="entry-content">
| |
− | <h5><strong><a href="#">Free icon set</a></strong></h5>
| |
− | <p>
| |
− | Lorem Ipsum is simply dummy text of the printing and typesetting industry. …
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="span4">
| |
− | <div class="home-post">
| |
− | <div class="post-image">
| |
− | <img class="max-img" src="img/blog/img4.jpg" alt="" />
| |
− | </div>
| |
− | <div class="post-meta">
| |
− | <i class="icon-file icon-2x"></i>
| |
− | <span class="date">June 27, 2013</span>
| |
− | <span class="tags"><a href="#">News</a>, <a href="#">Tutorial</a></span>
| |
− | </div>
| |
− | <div class="entry-content">
| |
− | <h5><strong><a href="#">Free icon set</a></strong></h5>
| |
− | <p>
| |
− | Lorem Ipsum is simply dummy text of the printing and typesetting industry. …
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="span4">
| |
− | <div class="home-post">
| |
− | <div class="post-image">
| |
− | <img class="max-img" src="img/blog/img4.jpg" alt="" />
| |
− | </div>
| |
− | <div class="post-meta">
| |
− | <i class="icon-file icon-2x"></i>
| |
− | <span class="date">June 27, 2013</span>
| |
− | <span class="tags"><a href="#">News</a>, <a href="#">Tutorial</a></span>
| |
− | </div>
| |
− | <div class="entry-content">
| |
− | <h5><strong><a href="#">Free icon set</a></strong></h5>
| |
− | <p>
| |
− | Lorem Ipsum is simply dummy text of the printing and typesetting industry. …
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="span4">
| |
− | <div class="home-post">
| |
− | <div class="post-image">
| |
− | <img class="max-img" src="img/blog/img4.jpg" alt="" />
| |
− | </div>
| |
− | <div class="post-meta">
| |
− | <i class="icon-file icon-2x"></i>
| |
− | <span class="date">June 27, 2013</span>
| |
− | <span class="tags"><a href="#">News</a>, <a href="#">Tutorial</a></span>
| |
− | </div>
| |
− | <div class="entry-content">
| |
− | <h5><strong><a href="#">Free icon set</a></strong></h5>
| |
− | <p>
| |
− | Lorem Ipsum is simply dummy text of the printing and typesetting industry. …
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <div class="blankdivider30"></div>
| |
− |
| |
− | </div>
| |
− | </section>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <footer>
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="span6 offset3">
| |
− | <ul class="social-networks">
| |
− | <li><a href="#"><i class="icon-circled icon-bgdark icon-instagram icon-2x"></i></a></li>
| |
− | <li><a href="#"><i class="icon-circled icon-bgdark icon-twitter icon-2x"></i></a></li>
| |
− | <li><a href="#"><i class="icon-circled icon-bgdark icon-dribbble icon-2x"></i></a></li>
| |
− | <li><a href="#"><i class="icon-circled icon-bgdark icon-pinterest icon-2x"></i></a></li>
| |
− | </ul>
| |
− | <p class="copyright">
| |
− | © 2017 Maxim Inc corporate. All rights reserved.
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <!-- ./container -->
| |
− | </footer>
| |
− | <a href="#" class="scrollup"><i class="icon-angle-up icon-square icon-bgdark icon-2x"></i></a>
| |
− | <!-- jQuery -->
| |
− | <script src="js/jquery.js" tppabs="js/jquery.js"></script>
| |
− | <!-- nav -->
| |
− | <script src="js/jquery.scrollTo.js" tppabs="js/jquery.scrollTo.js"></script>
| |
− | <script src="js/jquery.nav.js" tppabs="js/jquery.nav.js"></script>
| |
− | <!-- localScroll -->
| |
− | <script src="js/jquery.localscroll-1.2.7-min.js" tppabs="js/jquery.localscroll-1.2.7-min.js"></script>
| |
− | <!-- bootstrap -->
| |
− | <script src="js/bootstrap.js" tppabs="js/bootstrap.js"></script>
| |
− | <!-- prettyPhoto -->
| |
− | <script src="js/jquery.prettyPhoto.js" tppabs="js/jquery.prettyPhoto.js"></script>
| |
− | <!-- Works scripts -->
| |
− | <script src="js/isotope.js" tppabs="js/isotope.js"></script>
| |
− | <!-- flexslider -->
| |
− | <script src="js/jquery.flexslider.js" tppabs="js/jquery.flexslider.js"></script>
| |
− | <!-- inview -->
| |
− | <script src="js/inview.js" tppabs="js/inview.js"></script>
| |
− | <!-- animation -->
| |
− | <script src="js/animate.js" tppabs="js/animate.js"></script>
| |
− | <!-- twitter -->
| |
− | <script src="js/jquery.tweet.js" tppabs="js/jquery.tweet.js"></script>
| |
− | <!-- contact form -->
| |
− | <script src="js/validate.js" tppabs="js/validate.js"></script>
| |
− | <!-- custom functions -->
| |
− | <script src="js/custom.js" tppabs="js/custom.js"></script>
| |
− | </body>
| |
− | </html>
| |