User:Ismael.espinoza

From 2013.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
{{:Latin_America/Templates/Header}}
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
+
<html>
-
  <head>
+
<body>
-
    <meta charset="utf-8">
+
-
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
-
    <meta name="description" content="">
+
-
    <meta name="author" content="">
+
-
 
+
-
    <title>Carousel Template</title>
+
-
 
+
-
    <!-- Bootstrap core CSS -->
+
-
    <link href="http://examples.getbootstrap.com/bootstrap/css/bootstrap.css" rel="stylesheet">
+
-
 
+
-
    <!-- Custom styles for this template    -->
+
-
    <link href="http://examples.getbootstrap.com/carousel/carousel.css" rel="stylesheet">
+
-
 
+
-
  <style type="text/css">
+
-
  <!--
+
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
-
    display:none;}
+
-
#top-section {
+
-
    border: none;
+
-
    height: 0px;}
+
-
#content {
+
-
    border: none;}
+
-
 
+
-
/* Removes "teams" from the menubar */
+
-
#menubar > ul > li:last-child {
+
-
    display: none;}
+
-
/* Resizes the menubar to fik the links (default is 400px) */
+
-
#menubar {
+
-
    width: auto;}
+
-
 
+
-
body {
+
-
    margin: 10px 0 0 0;
+
-
    padding: 0;}
+
-
#top-section {
+
-
    width: 965px;
+
-
    height: 0;
+
-
    margin: 0 auto;
+
-
    padding: 0;
+
-
    border: none;}
+
-
#menubar {
+
-
    font-size: 65%;
+
-
    top: -14px;}
+
-
.left-menu:hover {
+
-
    background-color: transparent;}
+
-
#menubar li a {
+
-
    background-color: transparent;}
+
-
#menubar:hover {
+
-
    color: black;}
+
-
#menubar li a {
+
-
    color: transparent;}
+
-
#menubar:hover li a {
+
-
    color: black;}
+
-
 
+
-
    -->
+
-
  </style>
+
-
 
+
-
  </head>
+
-
<!-- NAVBAR
+
-
================================================== -->
+
-
  <body>
+
-
    <div class="navbar-wrapper">
+
-
      <div class="container">
+
-
 
+
-
        <div class="navbar navbar-inverse navbar-static-top">
+
-
          <div class="container">
+
-
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
+
-
          <span class="icon-bar"></span>
+
-
          <span class="icon-bar"></span>
+
-
          <span class="icon-bar"></span>
+
-
        </button>
+
-
            <a class="navbar-brand" href="#">Project name</a>
+
-
            <div class="nav-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="nav-header">Nav header</li>
+
-
                    <li><a href="#">Separated link</a></li>
+
-
                    <li><a href="#">One more separated link</a></li>
+
-
                  </ul>
+
-
                </li>
+
-
              </ul>
+
-
            </div>
+
-
          </div>
+
-
        </div>
+
-
 
+
-
      </div>
+
-
    </div>
+
-
 
+
-
 
+
     <!-- Carousel
     <!-- Carousel
     ================================================== -->
     ================================================== -->
     <div id="myCarousel" class="carousel slide">
     <div id="myCarousel" class="carousel slide">
-
      <!-- Indicators -->
 
-
      <ol class="carousel-indicators">
 
-
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 
-
        <li data-target="#myCarousel" data-slide-to="1"></li>
 
-
        <li data-target="#myCarousel" data-slide-to="2"></li>
 
-
      </ol>
 
       <div class="carousel-inner">
       <div class="carousel-inner">
         <div class="item active">
         <div class="item active">
-
           <img data-src="holder.js/1500x500/auto/#777:#7a7a7a/text:First slide" alt="">
+
           <img src="https://static.igem.org/mediawiki/2013/b/b9/Igem_1_1200_550.jpg" alt="">
           <div class="container">
           <div class="container">
             <div class="carousel-caption">
             <div class="carousel-caption">
-
              <h1>Example headline.</h1>
+
               <p class="lead">Latin America Regional Jamboree 4 – 6 October  Universidad Mayor - CHILE</p>
-
               <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+
-
              <p><a class="btn btn-large btn-primary" href="#">Sign up today</a></p>
+
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
         <div class="item">
         <div class="item">
-
           <img data-src="holder.js/1500x500/auto/#777:#7a7a7a/text:Second slide" alt="">
+
           <img src="https://static.igem.org/mediawiki/2013/4/49/Igem_2_1200_550.jpg" alt="">
           <div class="container">
           <div class="container">
             <div class="carousel-caption">
             <div class="carousel-caption">
-
              <h1>Another example headline.</h1>
+
               <p class="lead">Latin America Regional Jamboree 4 – 6 October  Universidad Mayor - CHILE</p>
-
               <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+
-
              <p><a class="btn btn-large btn-primary" href="#">Learn more</a></p>
+
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
         <div class="item">
         <div class="item">
-
           <img data-src="holder.js/1500x500/auto/#777:#7a7a7a/text:Third slide" alt="">
+
           <img src="https://static.igem.org/mediawiki/2013/9/93/Igem_3_1200_550.jpg" alt="">
           <div class="container">
           <div class="container">
             <div class="carousel-caption">
             <div class="carousel-caption">
-
               <h1>One more for good measure.</h1>
+
               <p class="lead">Latin America Regional Jamboree 4 – 6 October  Universidad Mayor - CHILE</p>
-
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+
            </div>
-
               <p><a class="btn btn-large btn-primary" href="#">Browse gallery</a></p>
+
          </div>
 +
        </div>
 +
        <div class="item">
 +
          <img src="https://static.igem.org/mediawiki/2013/f/fd/Igem_4_1200_550.jpg" alt="">
 +
          <div class="container">
 +
            <div class="carousel-caption">
 +
               <p class="lead">Latin America Regional Jamboree 4 – 6 October  Universidad Mayor - CHILE</p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="item">
 +
          <img src="https://static.igem.org/mediawiki/2013/3/3b/Igem_5_1200_550.jpg" alt="">
 +
          <div class="container">
 +
            <div class="carousel-caption">
 +
              <p class="lead">Latin America Regional Jamboree 4 – 6 October  Universidad Mayor - CHILE</p>
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
       </div>
       </div>
-
       <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
+
       <a class="left carousel-control" href="http://getbootstrap.com/2.3.2/examples/carousel.html#myCarousel" data-slide="prev">‹</a>
-
       <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
+
       <a class="right carousel-control" href="http://getbootstrap.com/2.3.2/examples/carousel.html#myCarousel" data-slide="next">›</a>
     </div><!-- /.carousel -->
     </div><!-- /.carousel -->
-
 
     <!-- Marketing messaging and featurettes
     <!-- Marketing messaging and featurettes
Line 154: Line 60:
       <div class="row">
       <div class="row">
         <div class="col-lg-4">
         <div class="col-lg-4">
-
           <img class="img-circle" data-src="holder.js/140x140">
+
           <img class="img-circle" src="https://static.igem.org/mediawiki/2013/3/31/1_140.jpg">
-
           <h2>Heading</h2>
+
           <h2>Pre Jamboree</h2>
-
           <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
+
           <p>Let's promote iGEM in Chile!</p>
           <p><a class="btn btn-default" href="#">View details &raquo;</a></p>
           <p><a class="btn btn-default" href="#">View details &raquo;</a></p>
         </div><!-- /.col-lg-4 -->
         </div><!-- /.col-lg-4 -->
         <div class="col-lg-4">
         <div class="col-lg-4">
-
           <img class="img-circle" data-src="holder.js/140x140">
+
           <img class="img-circle" src="https://static.igem.org/mediawiki/2013/7/74/News_140.jpg">
-
           <h2>Heading</h2>
+
           <h2>Press</h2>
-
           <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
+
           <p>See all the press for the Jamboree!</p>
           <p><a class="btn btn-default" href="#">View details &raquo;</a></p>
           <p><a class="btn btn-default" href="#">View details &raquo;</a></p>
         </div><!-- /.col-lg-4 -->
         </div><!-- /.col-lg-4 -->
         <div class="col-lg-4">
         <div class="col-lg-4">
-
           <img class="img-circle" data-src="holder.js/140x140">
+
           <img class="img-circle" src="https://static.igem.org/mediawiki/2013/1/10/Register_button_140.jpg">
-
           <h2>Heading</h2>
+
           <h2>Register Now!</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>Registration for Regional Jamborees is now open!</p>
-
           <p><a class="btn btn-default" href="#">View details &raquo;</a></p>
+
           <p><a class="btn btn-default" href="https://2013.igem.org/Jamboree/Attendance_Fee">View details &raquo;</a></p>
         </div><!-- /.col-lg-4 -->
         </div><!-- /.col-lg-4 -->
       </div><!-- /.row -->
       </div><!-- /.row -->
-
 
       <!-- START THE FEATURETTES -->
       <!-- START THE FEATURETTES -->
Line 179: Line 84:
       <div class="featurette">
       <div class="featurette">
-
         <img class="featurette-image img-circle pull-right" data-src="holder.js/512x512">
+
        <a href="http://www.umayor.cl" target="_blank">
-
         <h2 class="featurette-heading">First featurette heading. <span class="text-muted">It'll blow your mind.</span></h2>
+
         <img class="featurette-image img-circle pull-right" src="https://static.igem.org/mediawiki/2013/a/a2/University_512.jpg">
-
         <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
        </a>
 +
         <h2 class="featurette-heading">Universidad Mayor <span class="text-muted">For entrepreneurship spirits.</span></h2>
 +
         <p class="lead">La Universidad Mayor es una institución de educación superior, abierta e independiente, comprometida con la formación de profesionales cultos y emprendedores, como también con la preservación y la divulgación del saber superior, en el contexto de un mundo global, todo lo cual está orientado al beneficio de las personas y la contribución al progreso de la nación.</p>
       </div>
       </div>
Line 187: Line 94:
       <div class="featurette">
       <div class="featurette">
-
         <img class="featurette-image img-circle pull-left" data-src="holder.js/512x512">
+
         <img class="featurette-image img-circle pull-left" src="https://static.igem.org/mediawiki/2013/d/d1/Chile_512.jpg">
-
        <h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
+
         <h2 class="featurette-heading">Chile <span class="text-muted">Know more about Chile.</span></h2>
-
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
         <p class="lead">Chile, officially the Republic of Chile, is a South American country occupying a long, narrow strip of land between the Andes mountains to the east and the Pacific Ocean to the west. It borders Peru to the north, Bolivia to the northeast, Argentina to the east, and the Drake Passage in the far south.</p>
-
      </div>
+
-
 
+
-
      <hr class="featurette-divider">
+
-
 
+
-
      <div class="featurette">
+
-
        <img class="featurette-image img-circle pull-right" data-src="holder.js/512x512">
+
-
         <h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Checkmate.</span></h2>
+
-
         <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
       </div>
       </div>
Line 208: Line 107:
       <footer>
       <footer>
         <p class="pull-right"><a href="#">Back to top</a></p>
         <p class="pull-right"><a href="#">Back to top</a></p>
-
        <p>&copy; 2013 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
 
       </footer>
       </footer>
Line 214: Line 112:
-
 
-
    <!-- Bootstrap core JavaScript
 
-
    ================================================== -->
 
-
    <!-- Placed at the end of the document so the pages load faster -->
 
-
    <script src="http://examples.getbootstrap.com/assets/js/jquery.js"></script>
 
-
    <script src="http://examples.getbootstrap.com/bootstrap/js/bootstrap.min.js"></script>
 
-
    <script src="http://examples.getbootstrap.com/assets/js/holder.js"></script>
 
   </body>
   </body>
</html>
</html>

Latest revision as of 02:49, 14 August 2013

Latin America

Pre Jamboree

Let's promote iGEM in Chile!

View details »

Press

See all the press for the Jamboree!

View details »

Register Now!

Registration for Regional Jamborees is now open!

View details »

Universidad Mayor For entrepreneurship spirits.

La Universidad Mayor es una institución de educación superior, abierta e independiente, comprometida con la formación de profesionales cultos y emprendedores, como también con la preservación y la divulgación del saber superior, en el contexto de un mundo global, todo lo cual está orientado al beneficio de las personas y la contribución al progreso de la nación.

Chile Know more about Chile.

Chile, officially the Republic of Chile, is a South American country occupying a long, narrow strip of land between the Andes mountains to the east and the Pacific Ocean to the west. It borders Peru to the north, Bolivia to the northeast, Argentina to the east, and the Drake Passage in the far south.

Retrieved from "http://2013.igem.org/User:Ismael.espinoza"