|
|
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>
| + | |