Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
259 lines (216 sloc) 12.9 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Projecte final de carrera, Roger Bacardit</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/jquery.fancybox-buttons.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<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="#">Capsule Corp.</a>
<div class="nav-collapse">
<ul class="nav">
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<!--BACKGROUND IMAGE-->
<div id="bg">
<!-- <img src="http://farm1.staticflickr.com/58/168704844_61a3661cd8_b.jpg" alt=""> -->
</div>
<!--END BACKGROUND IMAGE-->
<div class="container">
<div class="row">
<!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit">
<h1>Projecte final de carrera Roger Bacardit</h1>
<p>Aquí podreu trobar renders del treball aixi com animació del procés o resultat final, la documentació la trobareu al següent link al google docs, on podreu trobar tota la informació de com ha estat realitzat.</p>
<p><a class="btn btn-primary btn-large" a href="https://docs.google.com/open?id=0BwoejQ5QyM-3NnhRdm5hdkhvYWs">Documentació</a></p>
</div>
</div>
<!-- Example row of columns -->
<div class="row">
<div class="thumbnails">
<div class="page-header">
<h1>Renders finals
<small>Recull d'imatges i renders finals</small>
</h1>
</div>
</div>
<div class="row">
<div class="span12">
<!--thumbnails zone-->
<ul class="thumbnails">
<!--image thumbnail-->
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/001.jpg" title="Roda delantera">
<img src="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/001.jpg" alt="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/001.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/002.jpg" title="Intermitent">
<img src="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/002.jpg" alt="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/002.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/003.jpg" title="Intermitent posterior">
<img src="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/003.jpg" alt="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/003.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/004.jpg" title="Intermitent il.luminat">
<img src="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/004.jpg" alt="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/004.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/005.jpg" title="Frontal">
<img src="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/005.jpg" alt="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/005.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/006.jpg" title="Posterior il.luminat">
<img src="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/006.jpg" alt="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/006.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/007.jpg" title="Dashboard">
<img src="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/007.jpg" alt="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/007.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/008.jpg" title="3/4 general">
<img src="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/008.jpg" alt="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/008.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/009.jpg" title="3/4 general devant">
<img src="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/009.jpg" alt="http://f.cl.ly/items/3D2S2f1N350a2W0m3Z2j/009.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/412F1X2o2T1A1L2x2R35/010.jpg" title="Entorn01">
<img src="http://f.cl.ly/items/412F1X2o2T1A1L2x2R35/010.jpg" alt="http://f.cl.ly/items/412F1X2o2T1A1L2x2R35/010.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/012.jpg" title="Frontal Inferior">
<img src="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/012.jpg" alt="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/012.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/013.jpg" title="Frontal Inferior">
<img src="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/013.jpg" alt="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/013.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/015.jpg" title="Cenital">
<img src="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/015.jpg" alt="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/015.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/016.jpg" title="Logotip">
<img src="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/016.jpg" alt="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/016.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/018.jpg" title="Suspensió">
<img src="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/018.jpg" alt="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/018.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/017.jpg" title="Frontal iluminat">
<img src="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/017.jpg" alt="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/017.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/014.jpg" title="Perfil">
<img src="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/014.jpg" alt="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/014.jpg" />
</a>
</li>
<li class="span4">
<a class="fancyImg" rel="fancybox-button" href="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/011.jpg" title="manillar">
<img src="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/011.jpg" alt="http://f.cl.ly/items/3R0Y2n2K17211r1S3m2T/011.jpg" />
</a>
</li>
</ul>
<div class="thumbnails">
<div class="page-header">
<h1>Renders i animacions
<small>Videos renderitzats per mostra tan el proces com el resultat final</small>
</h1>
</div>
</div>
<ul class="thumbnails">
<li class="span6">
<iframe src="http://player.vimeo.com/video/21603201?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</li>
<li class="span6">
<iframe src="http://player.vimeo.com/video/19965727?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</li>
<li class="span12">
<iframe src="http://player.vimeo.com/video/38925479?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</li>
</ul>
</div>
</div><!-- end row 2 -->
</div>
<!--Footer-->
<hr>
<footer>
<p>&copy; Company 2012</p>
</footer>
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="http://twitter.github.com/bootstrap/assets/js/jquery.js"></scripst>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-transition.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-alert.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-modal.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-popover.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-button.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-collapse.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-carousel.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-typeahead.js"></script>
<!-- FANCYBOX JAVASCRIPT-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen"/>
<script type="text/javascript">
$(document).ready(function() {
$(".fancyImg").fancybox();
});
</script>
</body>
</html>