Team:UANL Mty-Mexico/beta

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:UANL_Mty-Mexico/Templates:Main}}
+
<html lang="en">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
    <link rel="shortcut icon" href="../../assets/ico/favicon.png">
-
<html>
+
    <title>Jumbotron Template for Bootstrap</title>
-
<head>
+
-
<meta property="og:title" content="iGEM UANL" />
+
-
<meta property="og:type" content="university" />
+
-
<meta property="og:url" content="https://2012.igem.org/Team:UANL_Mty-Mexico" />
+
-
<meta property="og:image" content="https://static.igem.org/mediawiki/2012/b/bc/UANL2012logo.png" />
+
-
<meta property="og:site_name" content="iGEM UANL" />
+
-
<meta property="fb:admins" content="igem.uanl" />
+
-
</head>
+
-
</style>
+
    <!-- Bootstrap core CSS -->
 +
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
-
<!--Slidorion created by Ben Holland - http://www.ben-holland.co.uk - licensed under the Apache License 2.0 -->
+
    <!-- Custom styles for this template -->
-
</a><!--Import jQuery, Easing and Slidorion -->
+
    <link href="https://dl.dropboxusercontent.com/u/82007410/jumbotron.css" rel="stylesheet">
-
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/82007410/slider/slidorion.css" />
+
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
-
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200,700' rel='stylesheet' type='text/css'>
+
    <!--[if lt IE 9]>
 +
      <script src="../../assets/js/html5shiv.js"></script>
 +
      <script src="../../assets/js/respond.min.js"></script>
 +
    <![endif]-->
 +
  </head>
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+
  <body>
-
<script src="https://dl.dropbox.com/u/82007410/slider/jquery.easing.js"></script>
+
-
<script src="https://dl.dropbox.com/u/82007410/slider/jquery.slidorion.min.js"></script>
+
-
<!--slider initialising-->
+
    <div class="navbar navbar-inverse navbar-fixed-top">
-
<script>
+
      <div class="container">
-
$(function() {
+
        <div class="navbar-header">
-
$('#slidorion').slidorion();
+
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
-
});
+
            <span class="icon-bar"></span>
-
</script>
+
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
          </button>
 +
          <a class="navbar-brand" href="#">Project name</a>
 +
        </div>
 +
        <div class="navbar-collapse collapse">
 +
          <ul class="nav navbar-nav">
 +
            <li class="active"><a href="#">Home</a></li>
 +
            <li><a href="#about">About</a></li>
 +
            <li><a href="#contact">Contact</a></li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="#">Action</a></li>
 +
                <li><a href="#">Another action</a></li>
 +
                <li><a href="#">Something else here</a></li>
 +
                <li class="divider"></li>
 +
                <li class="dropdown-header">Nav header</li>
 +
                <li><a href="#">Separated link</a></li>
 +
                <li><a href="#">One more separated link</a></li>
 +
              </ul>
 +
            </li>
 +
          </ul>
 +
          <form class="navbar-form navbar-right">
 +
            <div class="form-group">
 +
              <input type="text" placeholder="Email" class="form-control">
 +
            </div>
 +
            <div class="form-group">
 +
              <input type="password" placeholder="Password" class="form-control">
 +
            </div>
 +
            <button type="submit" class="btn btn-success">Sign in</button>
 +
          </form>
 +
        </div><!--/.navbar-collapse -->
 +
      </div>
 +
    </div>
-
<body>
+
    <!-- Main jumbotron for a primary marketing message or call to action -->
 +
    <div class="jumbotron">
 +
      <div class="container">
 +
        <h1>iGEM UANL MX</h1>
 +
        <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
 +
        <p><a class="btn btn-primary btn-lg">Learn more &raquo;</a></p>
 +
      </div>
 +
    </div>
 +
    <div class="container">
 +
      <!-- Example row of columns -->
 +
      <div class="row">
 +
        <div class="col-lg-4">
 +
          <h2>Heading</h2>
 +
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 +
          <p><a class="btn btn-default" href="#">View details &raquo;</a></p>
 +
        </div>
 +
        <div class="col-lg-4">
 +
          <h2>Heading</h2>
 +
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 +
          <p><a class="btn btn-default" href="#">View details &raquo;</a></p>
 +
      </div>
 +
        <div class="col-lg-4">
 +
          <h2>Heading</h2>
 +
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
 +
          <p><a class="btn btn-default" href="#">View details &raquo;</a></p>
 +
        </div>
 +
      </div>
 +
      <hr>
-
<div class="content">
+
      <footer>
-
We are the representative team for iGEM 2013 from Universidad Autónoma de Nuevo León, México.  We are at iGEM to support and perform Synthetic Biology. This is our wiki, through which you can get to know better what we do.
+
        <p>&copy; Company 2013</p>
-
<br><br>
+
      </footer>
-
<ul class="nav"> <li>FEATURED</li></ul>
+
    </div> <!-- /container -->
-
</p>
+
-
<div id="slidorion">
 
-
<div id="slider">
 
-
<div class="slide1"><a href="https://2012.igem.org/Team:UANL_Mty-Mexico/hp/tunnel"><img src="https://static.igem.org/mediawiki/igem.org/b/ba/Foto_tunel.jpg" width="550" height="400"></a></div>
 
-
<div class="slide2"><a href="https://2012.igem.org/Team:UANL_Mty-Mexico/Project"><img src="https://static.igem.org/mediawiki/2012/7/7a/Biological_device_2.png" width="550" height="400"></a></div>
 
-
<div class="slide3"><a href="http://igem.synbioreview.com/all/"><img src="https://static.igem.org/mediawiki/2012/thumb/e/ee/IGEMhistoryDatabase.JPG/772px-IGEMhistoryDatabase.JPG" width="550" height="400"></a></div>
 
-
                <div class="slide4"><a href="https://2012.igem.org/Team:UANL_Mty-Mexico/Modeling"><img src="https://static.igem.org/mediawiki/2012/e/eb/Bound_Cells_different_r_2_UANL2012.jpg" width="550" height="400"></div>
 
-
                <div class="slide5"><a href="https://2012.igem.org/Team:UANL_Mty-Mexico/hp"><img src="https://static.igem.org/mediawiki/2012/f/fe/CollageHP.jpg" width="550" height="400"></a></div>
 
-
</div>
 
-
 
-
<div id="accordion">
 
-
<div class="link-header">Synthetic Biology Tunnel</div>
 
-
<div class="link-content">A project to massively inform the crowd. In about 90 minutes and across ten interactive modules, we covered topics from basic molecular biology to applications of SynBio and iGEM. More than 2000 attendees!
 
-
</div>
 
-
<div class="link-header">E.cologic</div>
 
-
<div class="link-content">
 
-
Our project, E. cologic, addresses a severe health public issue through an environmentally friendly, scalable biological device.
 
-
</div>
 
-
<div class="link-header">iGEM History Database</div>
 
-
<div class="link-content">
 
-
                The database is a freely accessible iGEM compilation that can inspire new projects! This year, we collaborated with Dr. Michal Galdzicki, from University of Washington, to generate a new interface.
 
-
</div>
 
-
                <div class="link-header">Math Model</div>
 
-
                <div class="link-content">
 
-
                Whenever possible, we will make a model in an unicellular, genetic circuit level; but usually, we'll be modeling in a population level.
 
-
                </div>
 
-
                <div class="link-header">Human Practices</div>
 
-
                <div class="link-content">
 
-
                Let us start with a great story: speeches, workshops, tunnel, courses, CIDEB-UANL, posters, TV, radio...All together, it was a once in a life-time experience!
 
-
                </div>     
 
-
</div>
 
-
</div> 
 
-
<br><br>
 
-
</div>
 
-
 
-
  <div class="sidebar1">
 
-
 
-
    <ul class="nav"> <li>Share this page</li></ul>
 
-
 
-
<!-- AddThis Button BEGIN -->
 
-
<div class="addthis_toolbox addthis_default_style ">
 
-
<a class="addthis_button_preferred_1"></a>
 
-
<a class="addthis_button_preferred_2"></a>
 
-
<a class="addthis_button_preferred_3"></a>
 
-
<a class="addthis_button_preferred_4"></a>
 
-
<a class="addthis_button_compact"></a>
 
-
<a class="addthis_counter addthis_bubble_style"></a>
 
-
</div>
 
-
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-504e81c2782b3893"></script>
 
-
<!-- AddThis Button END -->
 
-
<br>
 
-
    <ul class="nav"> <li>Find us</li></ul>
 
-
<!-- icons licensed under the MIT and GPL 3.0. found in ElegantThemes.com -->
 
-
 
-
        <a href="http://www.facebook.com/igem.uanl" target="_new"><img src="https://static.igem.org/mediawiki/2012/2/26/FacebookiconUANL2012.png"  alt="fb-logo" title="Find us on Facebook: iGEM UANL" width="26"></a>
 
-
        <a href="http://twitter.com/#!/iGEMUANL" target="_new"><img src="https://static.igem.org/mediawiki/2012/f/f6/TwittericonUANL2012.png" alt="twitter-logo" title="Find us on Twitter: @iGEMUANL" width="26"></a>
 
-
        <a href="mailto:igem.uanl@asebiogen.com"><img src="https://static.igem.org/mediawiki/2012/f/f6/MailiconUANL2012.png" alt="mail" title="mail us" width="26"></a>
 
-
        <a href="http://www.youtube.com/user/iGEMUANL" target="_new"><img src="https://static.igem.org/mediawiki/2012/f/f9/YoutubeiconUANL2012.png" alt="fb-logo" title="Find us on YouTube: iGEMUANL" width="26"></a>
 
-
<p><br></p>
 
-
  <ul class="nav"><li>Sponsors</li></ul>
 
-
<p><a href="http://www.uanl.mx">
 
-
<img src="https://static.igem.org/mediawiki/2012/3/35/UANLMexico_logo.png" width="105" height="42" alt="UANL logo" />
 
-
</a></p>
 
-
<br>
 
-
<p><a href="http://www.fcb.uanl.mx/www/">
 
-
<img src="https://static.igem.org/mediawiki/2012/2/2c/FCBUANL_logo.jpeg" width="105" height="37.5" alt="FCB logo" />
 
-
</a></p>
 
-
<br>
 
-
<p><a href="http://www.genscript.com">
 
-
<img src="https://static.igem.org/mediawiki/2012/e/ea/Genscript_logo.jpg" width="105" height="32" alt="genscript logo"></a></p>
 
-
<br>
 
-
  <ul class="nav"><li>SynBio news</li></ul>
 
-
<p><a href="http://biospot10.blogspot.mx">
 
-
<img src="https://static.igem.org/mediawiki/2012/2/23/BioBlog_logo.png" width="90" height="37.5" alt="Bio logo" />
 
-
</a></p>
 
-
<p><a href="http://asebiogen.org">
 
-
<img src="https://static.igem.org/mediawiki/2012/b/b5/LogoasebiogenUANL2012.png" width="90" height="37.5" alt="Bio logo" />
 
-
</a></p>
 
-
 
-
 
-
    <!-- end .sidebar1 --></div>
 
-
 
-
<div class="footer">
 
-
<a rel="license" href="http://creativecommons.org/licenses/by/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/80x15.png" /></a>
 
-
</div>
 
-
 
-
 
-
<!-- logo -->
 
-
<div class="content">
 
-
  <p><a href="https://igem.org/Main_Page"><span style="position:absolute; top:-90px; left:810px; width: 147px; height: 154px;"><img src="https://static.igem.org/mediawiki/2012/b/bc/UANL2012logo.png" width="183" height="196" alt="logo" /></span></a></p>
 
-
</div>
 
 +
    <!-- Bootstrap core JavaScript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
    <script src="//code.jquery.com/jquery.js"></script>
 +
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
 +
  </body>
</html>
</html>

Revision as of 04:57, 27 August 2013

Jumbotron Template for Bootstrap

Project name

iGEM UANL MX

This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

Learn more »

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

Heading

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

View details »

© Company 2013

Retrieved from "http://2013.igem.org/Team:UANL_Mty-Mexico/beta"