Difference between revisions of "Team:ZJUT-China/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{ZJUT-China}}
 
  
−
<html>
+
·<!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 -->
  
  
−
<div class="column full_size" >
+
<!-- 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 -->
 +
 
  
−
<h1>Team</h1>
+
<!-- section: blog -->
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
<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. &hellip;
 +
</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. &hellip;
 +
</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. &hellip;
 +
</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. &hellip;
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
 +
</div>
 +
 +
 +
 +
 +
<div class="blankdivider30"></div>
 +
 
</div>
 
</div>
 +
</section>
  
−
<div class="clear"></div>
 
  
−
<div class="column half_size" >
 
−
<h5>Inspiration</h5>
 
−
<p>You can look at what other teams did to get some inspiration! <br />
 
−
Here are a few examples:</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
 
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
 
−
</ul>
 
  
−
</div>
 
  
−
<div class="column half_size" >
 
−
<h5>What should this page contain?</h5>
 
−
<ul>
 
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
 
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
 
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
 
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
 
−
</ul>
 
−
</div>
 
  
  
  
 +
<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">
 +
&copy; 2017 Maxim Inc corporate. All rights reserved.
 +
</p>
 +
</div>
 +
</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>
 
</html>

Revision as of 08:46, 1 November 2017

·<!DOCTYPE HTML> Team

IGEM2017

TEAM

Who We Are

We live with creativity

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.

John Doe

Art director

Mike Doe

Web developer

Neil Doe

Web designer

Mark Joe

UI designer

Stephen B

Digital imaging

New design trends

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.

New design trends

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.

New design trends

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.

Our Team

June 19, 2013 Design, Blog
New design trends

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.

June 19, 2013 Design, News
Retro is great

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.

June 22, 2013 Design, Tips
Isometric mockup

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.

June 27, 2013 News, Tutorial
Free icon set

Lorem Ipsum is simply dummy text of the printing and typesetting industry. …

June 27, 2013 News, Tutorial
Free icon set

Lorem Ipsum is simply dummy text of the printing and typesetting industry. …

June 27, 2013 News, Tutorial
Free icon set

Lorem Ipsum is simply dummy text of the printing and typesetting industry. …

June 27, 2013 News, Tutorial
Free icon set

Lorem Ipsum is simply dummy text of the printing and typesetting industry. …

© 2017 Maxim Inc corporate. All rights reserved.