Team:BIOSINT Mexico/Team

From 2012e.igem.org

(Difference between revisions)
(Replaced content with "team")
Line 1: Line 1:
-
<html lang="en">
+
team
-
<head>
+
-
    <title>Team</title>
+
-
    <meta charset="utf-8">
+
-
    <!-- CSS -->
+
-
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
+
-
    <link rel="stylesheet" type="text/css" media="screen" href="css/grid_24.css">
+
-
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
+
-
<link rel="stylesheet" type="text/css" href="http://www.persoft.mx/biosint/css/team.css" />
+
-
<link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css' />
+
-
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css' />
+
-
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
+
-
    <link href='http://fonts.googleapis.com/css?family=Holtwood+One+SC' rel='stylesheet' type='text/css'>
+
-
+
-
<!-- JS -->
+
-
<script src="http://www.persoft.mx/biosint/js/jquery-1.7.min.js"></script>
+
-
<script type="text/javascript" src="http://www.persoft.mx/biosint/js/teammenu.js"></script>
+
-
    <script src="http://www.persoft.mx/biosint/js/jquery.easing.1.3.js"></script>
+
-
<!--[if lt IE 8]>
+
-
      <div style=' clear: both; text-align:center; position: relative;'>
+
-
        <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
+
-
          <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
+
-
        </a>
+
-
      </div>
+
-
    <![endif]-->
+
-
    <!--[if lt IE 9]>
+
-
  <script type="text/javascript" src="js/html5.js"></script>
+
-
    <link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
+
-
<![endif]-->
+
-
</head>
+
-
<body>
+
-
<div class="main">
+
-
  <div class="sub-pages">
+
-
  <div>
+
-
      <header>                 
+
-
          <nav> 
+
-
            <ul class="menu">
+
-
                  <li><a href="index.html">Home</a></li>
+
-
                  <li class="current"><a href="about.html">Team</a></li>
+
-
                  <li><a href="services.html">Project </br> Description</a></li>
+
-
                  <li><a href="pricelist.html">Human </br> Practices</a></li>
+
-
                  <li><a href="portfolio.html">Gallery</a></li>
+
-
                  <li class="last"><a href="contacts.html">Sponsors</a></li>
+
-
              </ul>
+
-
          </nav>
+
-
          <h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
+
-
          <div class="slogan">WHAT I CANNOT CREATE, I DO NOT UNDERSTAND <span>RICHARD FEYNMAN’S</span></div>
+
-
        </header> 
+
-
      </div>
+
-
    </div>
+
-
  <!--==============================content================================-->
+
-
    <section id="content">
+
-
    <div class="container_24">
+
-
            <div class="grid_23 prefix_1">
+
-
            <div class="block-1">
+
-
                <div>
+
-
                    <div>
+
-
                        <div class="text-2">Want to know someting<span>itresting</span></div>
+
-
                            <div class="discount"></div>
+
-
                            <div class="text-3">Mexico has 707 reptiles species<span></span></div>
+
-
                            <a href="#" class="link-2">click here</a>
+
-
                            <div class="clear"></div>
+
-
                        </div>
+
-
                    </div>
+
-
                </div>
+
-
            </div>
+
-
            <div class="grid_16 prefix_1">
+
-
            <h2 class="h2 top-3">Our team:</h2>
+
-
            <div class="containerteam">
+
-
<div id="ei_menu" class="ei_menu">
+
-
<ul>
+
-
<li>
+
-
<a href="#" class="pos1">
+
-
<span class="ei_preview"></span>
+
-
<span class="ei_image"></span>
+
-
</a>
+
-
<div class="ei_descr">
+
-
<h2>Gary</h2>
+
-
<h3>Vocals</h3>
+
-
<p>
+
-
A wonderful serenity has taken possession of my
+
-
entire soul, like these sweet mornings of
+
-
spring which I enjoy with my whole heart.
+
-
</p>
+
-
<p>
+
-
I am alone, and feel the charm of existence in
+
-
this spot, which was created for the bliss of
+
-
souls like mine.
+
-
</p>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="#" class="pos2">
+
-
<span class="ei_preview"></span>
+
-
<span class="ei_image"></span>
+
-
</a>
+
-
<div class="ei_descr">
+
-
<h2>David</h2>
+
-
<h3>Guitar</h3>
+
-
<p>
+
-
A wonderful serenity has taken possession of my
+
-
entire soul, like these sweet mornings of
+
-
spring which I enjoy with my whole heart.
+
-
</p>
+
-
<p>
+
-
I am alone, and feel the charm of existence in
+
-
this spot, which was created for the bliss of
+
-
souls like mine.
+
-
</p>
+
-
</div>
+
-
 
+
-
</li>
+
-
<li>
+
-
<a href="#" class="pos3">
+
-
<span class="ei_preview"></span>
+
-
<span class="ei_image"></span>
+
-
</a>
+
-
<div class="ei_descr">
+
-
<h2>Andrew</h2>
+
-
<h3>Bass</h3>
+
-
<p>
+
-
A wonderful serenity has taken possession of my
+
-
entire soul, like these sweet mornings of
+
-
spring which I enjoy with my whole heart.
+
-
</p>
+
-
<p>
+
-
I am alone, and feel the charm of existence in
+
-
this spot, which was created for the bliss of
+
-
souls like mine.
+
-
</p>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="#" class="pos4">
+
-
<span class="ei_preview"></span>
+
-
<span class="ei_image"></span>
+
-
</a>
+
-
<div class="ei_descr">
+
-
<h2>Sean</h2>
+
-
<h3>Drums</h3>
+
-
<p>
+
-
A wonderful serenity has taken possession of my
+
-
entire soul, like these sweet mornings of
+
-
spring which I enjoy with my whole heart.
+
-
</p>
+
-
<p>
+
-
I am alone, and feel the charm of existence in
+
-
this spot, which was created for the bliss of
+
-
souls like mine.
+
-
</p>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="#" class="pos5">
+
-
<span class="ei_preview"></span>
+
-
<span class="ei_image"></span>
+
-
</a>
+
-
<div class="ei_descr">
+
-
<h2>Marc</h2>
+
-
<h3>Guitar</h3>
+
-
<p>
+
-
A wonderful serenity has taken possession of my
+
-
entire soul, like these sweet mornings of
+
-
spring which I enjoy with my whole heart.
+
-
</p>
+
-
<p>
+
-
I am alone, and feel the charm of existence in
+
-
this spot, which was created for the bliss of
+
-
souls like mine.
+
-
</p>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="#" class="pos6">
+
-
<span class="ei_preview"></span>
+
-
<span class="ei_image"></span>
+
-
</a>
+
-
<div class="ei_descr">
+
-
<h2>Matt</h2>
+
-
<h3>Guitar</h3>
+
-
<p>
+
-
A wonderful serenity has taken possession of my
+
-
entire soul, like these sweet mornings of
+
-
spring which I enjoy with my whole heart.
+
-
</p>
+
-
<p>
+
-
I am alone, and feel the charm of existence in
+
-
this spot, which was created for the bliss of
+
-
souls like mine.
+
-
</p>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="#" class="pos7">
+
-
<span class="ei_preview"></span>
+
-
<span class="ei_image"></span>
+
-
</a>
+
-
<div class="ei_descr">
+
-
<h2>Yun</h2>
+
-
<h3>Violin</h3>
+
-
<p>
+
-
A wonderful serenity has taken possession of my
+
-
entire soul, like these sweet mornings of
+
-
spring which I enjoy with my whole heart.
+
-
</p>
+
-
<p>
+
-
I am alone, and feel the charm of existence in
+
-
this spot, which was created for the bliss of
+
-
souls like mine.
+
-
</p>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="#" class="pos8">
+
-
<span class="ei_preview"></span>
+
-
<span class="ei_image"></span>
+
-
</a>
+
-
<div class="ei_descr">
+
-
<h2>Loco</h2>
+
-
<h3>Triangulo</h3>
+
-
<p>
+
-
A wonderful serenity has taken possession of my
+
-
entire soul, like these sweet mornings of
+
-
spring which I enjoy with my whole heart.
+
-
</p>
+
-
<p>
+
-
I am alone, and feel the charm of existence in
+
-
this spot, which was created for the bliss of
+
-
souls like mine.
+
-
</p>
+
-
</div>
+
-
</ul>
+
-
</div>
+
-
<div id="ei_menu2" class="ei_menu">
+
-
<ul>
+
-
<li>
+
-
<a href="#" class="pos9">
+
-
<span class="ei_preview2"></span>
+
-
<span class="ei_image2"></span>
+
-
</a>
+
-
<div class="ei_descr">
+
-
<h2>Gary</h2>
+
-
<h3>Vocals</h3>
+
-
<p>
+
-
A wonderful serenity has taken possession of my
+
-
entire soul, like these sweet mornings of
+
-
spring which I enjoy with my whole heart.
+
-
</p>
+
-
<p>
+
-
I am alone, and feel the charm of existence in
+
-
this spot, which was created for the bliss of
+
-
souls like mine.
+
-
</p>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="#" class="pos10">
+
-
<span class="ei_preview2"></span>
+
-
<span class="ei_image2"></span>
+
-
</a>
+
-
<div class="ei_descr">
+
-
<h2>David</h2>
+
-
<h3>Guitar</h3>
+
-
<p>
+
-
A wonderful serenity has taken possession of my
+
-
entire soul, like these sweet mornings of
+
-
spring which I enjoy with my whole heart.
+
-
</p>
+
-
<p>
+
-
I am alone, and feel the charm of existence in
+
-
this spot, which was created for the bliss of
+
-
souls like mine.
+
-
</p>
+
-
</div>
+
-
 
+
-
</li>
+
-
<li>
+
-
<a href="#" class="pos11">
+
-
<span class="ei_preview2"></span>
+
-
<span class="ei_image2"></span>
+
-
</a>
+
-
<div class="ei_descr">
+
-
<h2>Andrew</h2>
+
-
<h3>Bass</h3>
+
-
<p>
+
-
A wonderful serenity has taken possession of my
+
-
entire soul, like these sweet mornings of
+
-
spring which I enjoy with my whole heart.
+
-
</p>
+
-
<p>
+
-
I am alone, and feel the charm of existence in
+
-
this spot, which was created for the bliss of
+
-
souls like mine.
+
-
</p>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="#" class="pos12">
+
-
<span class="ei_preview2"></span>
+
-
<span class="ei_image2"></span>
+
-
</a>
+
-
<div class="ei_descr">
+
-
<h2>Sean</h2>
+
-
<h3>Drums</h3>
+
-
<p>
+
-
A wonderful serenity has taken possession of my
+
-
entire soul, like these sweet mornings of
+
-
spring which I enjoy with my whole heart.
+
-
</p>
+
-
<p>
+
-
I am alone, and feel the charm of existence in
+
-
this spot, which was created for the bliss of
+
-
souls like mine.
+
-
</p>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="#" class="pos13">
+
-
<span class="ei_preview2"></span>
+
-
<span class="ei_image2"></span>
+
-
</a>
+
-
<div class="ei_descr">
+
-
<h2>Marc</h2>
+
-
<h3>Guitar</h3>
+
-
<p>
+
-
A wonderful serenity has taken possession of my
+
-
entire soul, like these sweet mornings of
+
-
spring which I enjoy with my whole heart.
+
-
</p>
+
-
<p>
+
-
I am alone, and feel the charm of existence in
+
-
this spot, which was created for the bliss of
+
-
souls like mine.
+
-
</p>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="#" class="pos14">
+
-
<span class="ei_preview2"></span>
+
-
<span class="ei_image2"></span>
+
-
</a>
+
-
<div class="ei_descr">
+
-
<h2>Matt</h2>
+
-
<h3>Guitar</h3>
+
-
<p>
+
-
A wonderful serenity has taken possession of my
+
-
entire soul, like these sweet mornings of
+
-
spring which I enjoy with my whole heart.
+
-
</p>
+
-
<p>
+
-
I am alone, and feel the charm of existence in
+
-
this spot, which was created for the bliss of
+
-
souls like mine.
+
-
</p>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="#" class="pos15">
+
-
<span class="ei_preview2"></span>
+
-
<span class="ei_image2"></span>
+
-
</a>
+
-
<div class="ei_descr">
+
-
<h2>Yun</h2>
+
-
<h3>Violin</h3>
+
-
<p>
+
-
A wonderful serenity has taken possession of my
+
-
entire soul, like these sweet mornings of
+
-
spring which I enjoy with my whole heart.
+
-
</p>
+
-
<p>
+
-
I am alone, and feel the charm of existence in
+
-
this spot, which was created for the bliss of
+
-
souls like mine.
+
-
</p>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="#" class="pos16">
+
-
<span class="ei_preview2"></span>
+
-
<span class="ei_image2"></span>
+
-
</a>
+
-
<div class="ei_descr">
+
-
<h2>Loco</h2>
+
-
<h3>Triangulo</h3>
+
-
<p>
+
-
A wonderful serenity has taken possession of my
+
-
entire soul, like these sweet mornings of
+
-
spring which I enjoy with my whole heart.
+
-
</p>
+
-
<p>
+
-
I am alone, and feel the charm of existence in
+
-
this spot, which was created for the bliss of
+
-
souls like mine.
+
-
</p>
+
-
</div>
+
-
</ul>
+
-
</div>
+
-
+
-
</div>
+
-
            </div>
+
-
            <div class="grid_23 prefix_1 ">
+
-
            <div class="border-top">
+
-
                    <h2 class="h2">Recent works:</h2>
+
-
                    <div class="wrap">
+
-
                        <div class="box-2">
+
-
                            <div class="img-border"><img src="images/page2-img5.jpg" alt=""></div>
+
-
                            <div class="extra-wrap">
+
-
                                <p class="clr-1 bold">Kuxtal</p>
+
-
                                <p class="p-border">Cras mattis tempor eros nec tristique. Sed sed vel vehicula augue. Maecenas faucibus sagittis cursus.
+
-
    Fusce tincidunt, tellus eget tristique cursus orci mi.</p>
+
-
                                <a href="#" class="link-1">Read more</a>
+
-
                            </div>
+
-
                        </div>
+
-
                        <div class="box-2 last">
+
-
                            <div class="img-border"><img src="images/page2-img6.jpg" alt=""></div>
+
-
                            <div class="extra-wrap">
+
-
                                <p class="clr-1 bold">Student Group of Synthetic Biology</p>
+
-
                                <p class="p-border">tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus.
+
-
Fusce tincidunt.</p>
+
-
                                <a href="#" class="link-1">Read more</a>
+
-
                            </div>
+
-
                        </div>
+
-
                    </div>
+
-
                </div> 
+
-
            </div>
+
-
            <div class="clear"></div>
+
-
        </div>
+
-
    </section>
+
-
</div>
+
-
<!--==============================footer=================================-->
+
-
  <footer>
+
-
  <div class="container_24">
+
-
     
+
-
        <div class="grid_12"> 
+
-
          <div class="soc-icons"><a href="#"><img src="http://www.persoft.mx/biosint/images/icon-1.png" alt=""></a><a href="#"><img src="http://www.persoft.mx/biosint/images/icon-2.png" alt=""></a><a href="#"><img src="http://www.persoft.mx/biosint/images/icon-3.png" alt=""></a></div>
+
-
        </div>
+
-
    </div>
+
-
    <div class="clear"></div>     
+
-
  </footer>
+
-
</body>
+
-
</html>
+

Revision as of 17:48, 18 October 2012

team