Difference between revisions of "Team:UChile OpenBio-CeBiB/Template/2"

Line 8: Line 8:
 
</head>
 
</head>
 
<body>
 
<body>
 +
 +
 +
 +
 
<header>
 
<header>
<div class="container-fluid"> <!--fluid usa todo el espacio-->
+
<div class="container-fluid"> <!--Container centra el contenido. fluid usa todo el espacio-->
 
<h1>Header</h1>
 
<h1>Header</h1>
 
</div>
 
</div>
 
</header>
 
</header>
<div class="container">
+
<div class="container-fluid">
<section class="main row"> <!--Establecer fila-->
+
<section class="main row"> <!--Establecer fila-->
<article class="col-md-9"> <!--Establecer columna y tamaño-->
+
<article class="col-xs-12 col-sm-8 col-md-9 col-lg-9"> <!--Establecer columna y tamaño-->
<p>
+
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.
 +
</p>
 +
</article>
 +
<aside class="col-xs-12 col-sm-4 col-md-3 col-lg-3">
 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.
 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.
</p>
+
</aside>
</article>
+
</section>
<aside class="col-md-3">
+
<div class="row">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.
+
<div class="color1 col-xs-12 col-sm-6 col-md-3">
</aside>
+
<h3>Columna</h3>
</section>
+
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 +
</p>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 +
</p>
 +
</div>
 +
 
 +
<div class="col-xs-12 col-sm-6 col-md-3">
 +
<h3>Columna</h3>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 +
</p>
 +
</div>
 +
 
 +
<div class="color1 col-xs-12 col-sm-6 col-md-3">
 +
<h3>Columna</h3>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 +
</p>
 +
</div>
 +
 
 +
<div class="col-xs-12 col-sm-6 col-md-3">
 +
<h3>Columna</h3>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 +
</p>
 +
</div>
 +
 
 +
<div class="clearfix visible-sm-block"></div>
 +
</div>
 
</div>
 
</div>
 +
 +
<footer>
 +
<div class="container">
 +
<h3>Footer</h3>
 +
</div>
 +
</footer>
 
 
 +
 +
 +
 
<script type="text/javascript" src="https://2017.igem.org/Template:UChile_OpenBio-CeBiB/JS-bootstrapmin?
 
<script type="text/javascript" src="https://2017.igem.org/Template:UChile_OpenBio-CeBiB/JS-bootstrapmin?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 06:53, 17 October 2017

Document

Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus.

Columna

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Columna

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Columna

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Columna

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam adipisci blanditiis, molestias at sit unde. Aspernatur, praesentium dolorem ipsa autem, neque omnis fugiat labore nulla minus ab harum natus temporibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Footer