Skip to content

Update index.html #27

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mdey0108 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update index.html #27

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
246 changes: 140 additions & 106 deletions site/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,9 @@
<!DOCTYPE html>
<!-- saved from url=(0054)http://twitter.github.com/bootstrap/examples/hero.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<html lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Taws Group</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Expand All @@ -10,62 +13,75 @@
<!-- Le styles -->
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}

body {
padding-top: 60px;
padding-bottom: 40px;
}
</style>
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">





<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Le fav and touch icons -->


<link rel="shortcut icon" href="http://twitter.github.com/bootstrap/assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-57-precomposed.png">
</head>
<link rel="apple-touch-icon-precomposed" sizes="144x144"
href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed"
href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-57-precomposed.png">
</head>

<body>
<body>

<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="http://twitter.github.com/bootstrap/examples/hero.html#">Taws</a>
<div class="nav-collapse">
<ul class="nav pull-right">
<li class="active"><a href="http://twitter.github.com/bootstrap/examples/hero.html#">Inicio</a></li>
<li><a href="http://twitter.github.com/bootstrap/examples/hero.html#about">Qui&eacute;nes Somos</a></li>
<li><a href="http://twitter.github.com/bootstrap/examples/hero.html#contact">Hazte miembro</a></li>
<li><a href="http://twitter.github.com/bootstrap/examples/hero.html#contact">Contacto</a></li>
<li><a href="http://twitter.github.com/bootstrap/examples/hero.html#contact">Blog</a></li>
</ul>
</div><!--/.nav-collapse -->
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="http://twitter.github.com/bootstrap/examples/hero.html#">Taws</a>
<div class="nav-collapse">
<ul class="nav pull-right">
<li class="active"><a href="http://twitter.github.com/bootstrap/examples/hero.html#">Inicio</a>
</li>
<li><a href="http://twitter.github.com/bootstrap/examples/hero.html#about">Qui&eacute;nes
Somos</a></li>
<li><a href="http://twitter.github.com/bootstrap/examples/hero.html#contact">Hazte miembro</a>
</li>
<li><a href="http://twitter.github.com/bootstrap/examples/hero.html#contact">Contacto</a></li>
<li><a href="http://twitter.github.com/bootstrap/examples/hero.html#contact">Blog</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
</div>
</div>

<div class="container">

<!-- Main hero unit for a primary marketing message or call to action -->
<!--<div class="hero-unit">
<!-- Main hero unit for a primary marketing message or call to action -->
<!--<div class="hero-unit">
<h1>Hello, world!</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-large">Learn more »</a></p>
</div>-->

<!-- Example row of columns -->
<!-- <div class="row">
<!-- Example row of columns -->
<!-- <div class="row">
<div class="span4">
<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>
Expand All @@ -83,76 +99,92 @@ <h2>Heading</h2>
</div>
</div>
-->
<div class="row">
<div class="span8">
<div id="myCarousel" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item"><img src="http://placehold.it/760x300" alt=""></div>
<div class="item"><img src="http://placehold.it/760x300" alt=""></div>
<div class="item"><img src="http://placehold.it/760x300" alt=""></div>
<div class="item"><img src="http://placehold.it/760x300" alt=""></div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
</div>
<div class="span4">
<div class="row">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id felis elit. Cras urna nunc, placerat a accumsan eget, sollicitudin at ipsum. Nam eget odio quam, sit amet pretium lacus. Pellentesque aliquet pellentesque augue, non faucibus nisl eleifend eu. Quisque mauris urna, semper et rutrum ac, vulputate condimentum felis. Nulla et orci ut nulla porta adipiscing. Proin ut ante quis magna laoreet tempus. Aenean quis elementum ante. Suspendisse quam sem, pulvinar at molestie pulvinar, vulputate non nisi. </p>
</div>
<div class="row-fluid">
<div class="span12">
<div class="span4">
<img src="http://placehold.it/200x200" alt="">
</div>
<div class="span4">
<img src="http://placehold.it/200x200" alt="">
</div>
<div class="span4">
<img src="http://placehold.it/200x200" alt="">
</div>
</div>
<!-- <p>Quisque mauris urna, semper et rutrum ac, vulputate condimentum felis. Nulla et orci ut nulla porta adipiscing. Proin ut ante quis magna laoreet tempus. Aenean quis elementum ante. Suspendisse quam sem, pulvinar at molestie pulvinar, vulputate non nis</p> -->
</div>
</div>
</div>


<ul class="thumbnails">
<li class="span4">
<div class="thumbnail">
<h2>Investigaci&oacute;n</h2>
<img src="http://placehold.it/350x150" alt="">
<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" href="http://twitter.github.com/bootstrap/examples/hero.html#">Ver m&aacute;s »</a></p>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<h2>Talleres</h2>
<img src="http://placehold.it/350x150" alt="">
<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" href="http://twitter.github.com/bootstrap/examples/hero.html#">Ver m&aacute;s »</a></p>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<h2>Proyectos</h2>
<img src="http://placehold.it/350x150" alt="">
<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" href="http://twitter.github.com/bootstrap/examples/hero.html#">Ver m&aacute;s »</a></p>
</div>
</li>
</ul>
<hr>

<footer>
<p>© Taws 2012</p>
</footer>

</div> <!-- /container -->
<div class="row">
<div class="span8">
<div id="myCarousel" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item"><img src="http://placehold.it/760x300" alt=""></div>
<div class="item"><img src="http://placehold.it/760x300" alt=""></div>
<div class="item"><img src="http://placehold.it/760x300" alt=""></div>
<div class="item"><img src="http://placehold.it/760x300" alt=""></div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
</div>
<div class="span4">
<div class="row">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id felis elit. Cras urna nunc,
placerat a accumsan eget, sollicitudin at ipsum. Nam eget odio quam, sit amet pretium lacus.
Pellentesque aliquet pellentesque augue, non faucibus nisl eleifend eu. Quisque mauris urna,
semper et rutrum ac, vulputate condimentum felis. Nulla et orci ut nulla porta adipiscing. Proin
ut ante quis magna laoreet tempus. Aenean quis elementum ante. Suspendisse quam sem, pulvinar at
molestie pulvinar, vulputate non nisi. </p>
</div>
<div class="row-fluid">
<div class="span12">
<div class="span4">
<img src="http://placehold.it/200x200" alt="">
</div>
<div class="span4">
<img src="http://placehold.it/200x200" alt="">
</div>
<div class="span4">
<img src="http://placehold.it/200x200" alt="">
</div>
</div>
<!-- <p>Quisque mauris urna, semper et rutrum ac, vulputate condimentum felis. Nulla et orci ut nulla porta adipiscing. Proin ut ante quis magna laoreet tempus. Aenean quis elementum ante. Suspendisse quam sem, pulvinar at molestie pulvinar, vulputate non nis</p> -->
</div>
</div>
</div>


<ul class="thumbnails">
<li class="span4">
<div class="thumbnail">
<h2>Investigaci&oacute;n</h2>
<img src="http://placehold.it/350x150" alt="">
<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" href="http://twitter.github.com/bootstrap/examples/hero.html#">Ver m&aacute;s
»</a></p>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<h2>Talleres</h2>
<img src="http://placehold.it/350x150" alt="">
<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" href="http://twitter.github.com/bootstrap/examples/hero.html#">Ver m&aacute;s
»</a></p>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<h2>Proyectos</h2>
<img src="http://placehold.it/350x150" alt="">
<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" href="http://twitter.github.com/bootstrap/examples/hero.html#">Ver m&aacute;s
»</a></p>
</div>
</li>
</ul>
<hr>

<footer>
<p>© Taws 2012</p>
</footer>

</div>

<!-- /container -->

<!-- Le javascript
================================================== -->
Expand All @@ -171,6 +203,8 @@ <h2>Proyectos</h2>
<script src="./taws_files/bootstrap-carousel.js"></script>
<script src="./taws_files/bootstrap-typeahead.js"></script>



</body></html>

</body>

</html>