All pastes #2126504 Raw Edit

Anonymous

public text v1 · immutable
#2126504 ·published 2012-03-09 22:55 UTC
rendered paste body
<!DOCTYPE html>
<html id="default"> 
<head>
<meta charset="utf-8" />
<title>DIIN grafico</title>

	<link rel="stylesheet" href="css/style.css" /><!-- Main Lar -->
	<link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="themes/pascal/pascal.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="themes/orman/orman.css" type="text/css" media="screen" />
	
    <!-- <link rel="stylesheet" href="css/basic.css" type="text/css" /> -->

	<link rel="stylesheet" href="css/galleriffic-2.css" type="text/css" />


    <!-- Start Jquery and Scripts -->
	<!-- The HTML5 Shim for older browsers (mostly older versions of IE). -->
	<!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
   <script type="text/javascript" src="scripts/jquery-1.6.1.min.js"></script>
   
   		<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
		<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>

   
   
    <script type="text/javascript" src="jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
	<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.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() {
			$("a#example1").fancybox({
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});
			$("a#example2").fancybox({
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});
			$("a#example3").fancybox({
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});
		});
</script>

	<!-- End JQuery and Scripts-->
</head>

<body>
	
	
    <header><!-- Start Header -->
		
		
		<!-- Start Header Middle --><div id="header_middle"><!-- BEGIN HEADER MAIN -->
			<div class="container">
			  <div id="primary">


					<!-- Start Navigation -->

					<nav>
						<ul>
							<li><a href="index.html">Home</a></li>
							<li><a href="tecnico.html">Técnico</a></li>
                            <li><a href="grafico.html">Gráfico</a></li>
							<li><a href="3d.html">3D</a></li>
							<li><a href="contacto.html">Contacto</a></li>

						</ul>
					</nav><!-- End Navigation -->
			  </div>
				
				<div id="secondary">
					<div id="slogan">
 <!--Start Logo-->
      <a href="#" id="logo"><img src="images/nuevo logo blog copia.png" width="144" height="127" alt="diin1"></a> 
 <!--End Logo-->
					

						<br><br><br><br><br><br>

						
<!-- Start Nivo Slider --></div>

</div><!-- End Nivo Slider -->	    
    
	</div><!-- END SECONDARY -->
			</div>
		</div><!-- END HEADER MAIN -->

		

	</header><!-- END HEADER -->
	
	<section><!-- BEGIN SECTION MAIN CONTENT -->
		<div class="container">
	<div id="container">

				<h1>&nbsp;</h1>
				<h1 align="justify">Técnico</h1>
                <p align="justify">La oficina técnica de Diin donde se desarrollan proyectos propios y de clientes.</p>

				<!-- Start Advanced Gallery Html Containers -->
			  <div id="gallery" class="content">
					<div id="controls" class="controls"></div>
					<div class="slideshow-container">

						<div id="loading" class="loader"></div>
						<div id="slideshow" class="slideshow"></div>
					</div>
					<div id="caption" class="caption-container"></div>
				</div>
				<div id="thumbs" class="navigation">
					<ul class="thumbs noscript">
				  <li>
							<a class="thumb" name="lizard" href="images/agregar/tecnico/motor_b.jpg" title="Title #3">

								<img src="images/agregar/tecnico/motor_s.jpg" alt="Title #3" />
							</a>
							<div class="caption">
						  <div class="download">
									<a href="http://farm4.static.flickr.com/3153/2538167690_c812461b7b_b.jpg"></a>
							  </div>
								<div class="image-title">Render</div>
								<div class="image-desc"></div>

						  </div>
					  </li>

						<li>
							<a class="thumb" href="images/agregar/tecnico/ensamble_b.jpg" title="Title #4">
								<img src="images/agregar/tecnico/ensamble_s.jpg" alt="Title #4" />
							</a>
							<div class="caption">
							  <div class="download"></div>

								<div class="image-title">Ensamble</div>
								<div class="image-desc"></div>
							</div>
						</li>

						<li>
							<a class="thumb" href="images/agregar/tecnico/explosionado_b.jpg" title="Title #5">
								<img src="images/agregar/tecnico/explosionado_s.jpg" alt="Title #5" />			
                            </a>

							<div class="caption">
							  <div class="download"></div>
								<div class="image-title">Explosionado</div>
								<div class="image-desc"></div>
							</div>
						</li>

						<li>
							<a class="thumb" href="images/agregar/tecnico/mesa_b.jpg" title="Title #4">

								<img src="images/agregar/tecnico/mesa_s.jpg" alt="Title #4" />
							</a>
							<div class="caption">
							  <div class="download"></div>
								<div class="image-title">Ensamble</div>
								<div class="image-desc"></div>
							</div>
						</li>

                        
                        <li>
							<a class="thumb" href="images/agregar/tecnico/mesa1_b.jpg" title="Title #5">            
								<img src="images/agregar/tecnico/mesa1_s.jpg" alt="Title #5" />             
							</a>
							<div class="caption">
							  <div class="download"></div>
								<div class="image-title">Explosionado</div>
								<div class="image-desc"></div>
							</div>

						</li>
                        
						<li>
							<a class="thumb" href="images/agregar/tecnico/escritorio 1_b.jpg" title="Title #8">
								<img src="images/agregar/tecnico/escritorio 1_s.jpg" alt="Title #8" />
							</a>
							<div class="caption">
							  <div class="download"></div>
								<div class="image-title">Render</div>

								<div class="image-desc"></div>
							</div>
						</li>
                        <li>
							<a class="thumb" href="images/agregar/tecnico/explosionadom_b.jpg" title="Title #9">
								<img src="images/agregar/tecnico/explosionadom_s.jpg" alt="Title #9" />
							</a>
							<div class="caption">
							  <div class="download"></div>

								<div class="image-title">Explosionado</div>
								<div class="image-desc"></div>
							</div>
						</li>
						<li>
							<a class="thumb" href="images/agregar/tecnico/alhajero_b.jpg" title="Title #10">
								<img src="images/agregar/tecnico/alhajero_s.jpg" alt="Title #10" />
							</a>

							<div class="caption">
							  <div class="image-title">Render</div>
								<div class="image-desc"></div>
							</div>
						</li>

						<li>
							<a class="thumb" href="images/agregar/tecnico/motor-stirling_b.jpg" title="Title #11">
								<img src="images/agregar/tecnico/motor-stirling_s.jpg" alt="Title #11" />

							</a>
							<div class="caption">							
								<div class="image-title">Render</div>
								<div class="image-desc"></div>
							</div>
						</li>
                        <li>
							<a class="thumb" href="images/agregar/tecnico/cilindro_b.jpg" title="Title #12">
								<img src="images/agregar/tecnico/cilindro_s.jpg" alt="Title #12" />

							</a>
							<div class="caption">								
								<div class="image-title">Ensamble</div>
								<div class="image-desc"></div>
							</div>
						</li>
                        <li>
							<a class="thumb" href="images/agregar/tecnico/bielapiston_b.jpg" title="Title #13">
								<img src="images/agregar/tecnico/bielapiston_s.jpg" alt="Title #13" />

							</a>
							<div class="caption">
								<div class="image-title">Render</div>
								<div class="image-desc"></div>
							</div>
						</li>
						<li>
							<a class="thumb" href="images/agregar/tecnico/biela_b.jpg" title="Title #14">

								<img src="images/agregar/tecnico/biela_s.jpg" alt="Title #14" />
							</a>
							<div class="caption">								
								<div class="image-title">Planos</div>
								<div class="image-desc"></div>
							</div>
						</li>
                        <li>
							<a class="thumb" href="images/agregar/tecnico/cigueñal_b.jpg" title="Title #15">

								<img src="images/agregar/tecnico/cigueñal_s.jpg" alt="Title #15" />
							</a>
							<div class="caption">
								
								<div class="image-title">Render</div>
								<div class="image-desc"></div>
							</div>
						</li>
						</li>

				  </ul>
				</div>
				<div style="clear: both;"></div>
		  </div>

		</div>

</section><!-- END SECTION MAIN CONTENT -->
<footer><!-- BEGIN FOOTER -->
		<div class="container light">

			<div class="box fifth">
				<h3>Noticias</h3>

				<ul>
					<li><a href="http://www.anbariloche.com.ar/">ANB -Noticias Bariloche</a></li>
					<li><a href="http://www.lavoz.com.ar/">La voz del interior</a></li>
					<li><a href="http://www.faudi.unc.edu.ar/CIDI">CIDI - Concurso Diseño</a></li>

					<li><a href="http://www.windguru.cz/es/">Clima</a></li>
					
				</ul>
			</div>
			<div class="box fifth">
				<h3>Otras Páginas</h3>
				<p><a href="#"><img src="images/facebook_32.png" alt="" /></a>

					<a href="#"><img src="images/twitter_32.png" alt="" /></a>

					<a href="#"><img src="images/youtube_32.png" alt="" /></a>
					<a href="#"><img src="images/digg_32.png" alt="" /></a>
					<a href="#"><img src="images/linkedin_32.png" alt="" /></a>
					<a href="#"><img src="images/flickr_32.png" alt="" /></a>
                    <a href="#"><img src="images/rss_32.png" alt="" /></a>
                    <a href="#"><img src="images/linkedin_32.png" alt="" /></a>				</p>
</div>
			<div class="box fifth">
				<h3> Links Destacados</h3>

				<ul>

					<li><a href="http://glia.com.ar/">Glia</a></li>
					<li><a href="www.filmstofestivals.com">filmstofestivals</a></li>
					<li><a href="www.wauters.com.ar">wauters</a></li>
					<li><a href="http://www.cgtextures.com/">Descarga de texturas</a></li>

				</ul>

			</div>
		
<div class="box fifth">
				<h3>Contacto</h3>
				<form id="contact" method="post" action="">
<fieldset>    
 
  <p>
  <label for="name">Nombre</label>
  <input type="text" name="name">
  </p>

  <p>
    
    <label for="email">E-mail</label>
    <input type="email" name="email">
    
    
    <label for="message">Mensaje</label>
    <textarea name="message"></textarea>
    
    <input type="submit" name="submit" id="submit" value="Enviar" />
  </p>

</fieldset>
</form>
			</div>
			
			
			<div class="box copyright">
				
                <h6> Copyright &copy; 2012 <br>All Rights Reserved</h6>
</div>
			
			
		</div>
		
	
	</footer><!-- END FOOTER -->

<!-- Free template distributed by http://freehtml5templates.com -->	
	<script type="text/javascript">
			jQuery(document).ready(function($) {
				// We only want these styles applied when javascript is enabled
				$('div.navigation').css({'width' : '300px', 'float' : 'left'});
				$('div.content').css('display', 'block');

				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs ul.thumbs li').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});
				
				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs').galleriffic({
					delay:                     2500,
					numThumbs:                 15,
					preloadAhead:              10,
					enableTopPager:            true,
					enableBottomPager:         true,
					maxPagesToShow:            7,
					imageContainerSel:         '#slideshow',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loading',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             false,
					autoStart:                 false,
					syncTransitions:           true,
					defaultTransitionDuration: 900,
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onPageTransitionOut:       function(callback) {
						this.fadeTo('fast', 0.0, callback);
					},
					onPageTransitionIn:        function() {
						this.fadeTo('fast', 1.0);
					}
				});
			});
		</script>
</body>
</html>