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.
KevinVergara (Talk | contribs) |
KevinVergara (Talk | contribs) |
||
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--> | |
− | + | <article class="col-xs-12 col-sm-8 col-md-9 col-lg-9"> <!--Establecer columna y tamaño--> | |
− | + | <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. | ||
− | </ | + | </aside> |
− | </ | + | </section> |
− | < | + | <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"> |
− | + | <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> | ||
+ | <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
Header
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.