<!DOCTYPE html> <html> <title>SCA San Jos</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="lib/w3.css"> <link rel="stylesheet" href="fonts/Lato.css"> <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css"> <style> html,body,h1,h2,h3,h4,h5 {font-family: "Lato", sans-serif} .mySlides {display:none} .w3-left, .w3-right, .w3-tag {cursor:pointer} .w3-tag {height:15px;width:15px;padding:0;margin-top:6px} </style> <body> <!-- Navbar --> <ul class="w3-navbar w3-left-align w3-light-grey w3-center w3-top w3-large"> <li class="w3-left" style="width:20% !important"><a href="index.html" class="w3-text-green">Inicio</a></li> <li class="w3-left" style="width:20% !important"><a href="noticias.php">Noticias</a></li> <li class="w3-left" style="width:20% !important"><a href="comunicados.php">Comunicados</a></li> <li class="w3-left" style="width:20% !important"><a href="mercado.html">Mercado</a></li> <li class="w3-left" style="width:20% !important"><a href="socios.html">Socios</a></li> </ul> <!-- Content --> <div class="w3-content w3-container" style="max-width:1100px;margin-top:30px;margin-bottom:50px"> <div class="w3-section"> <h1 class="w3-text-green"><b>San Jos</b></h1> <p>Sociedad Cooperativa Andaluza</p> </div> <!-- Slideshow --> <div class="w3-display-container mySlides"> <img src="img/nuevapagina.jpg" style="width:100%"> </div> <!-- Grid --> <div class="w3-row"> <div class="w3-center w3-padding-64"> <span class="w3-xlarge w3-bottombar w3-border-dark-grey w3-padding-16">Nuestra Empresa</span> </div> <div class="w3-col l3 m6 w3-padding-large"> <a href="historia.html" style="text-decoration:none"> <div class="w3-light-grey w3-padding-large w3-hover-shadow"> <h3>Historia</h3> <p>Una breve historia de nuestra cooperativa...</p> </div> </a> </div> <div class="w3-col l3 m6 w3-padding-large"> <a href="aceite.html" style="text-decoration:none"> <div class="w3-grey w3-padding-large w3-hover-shadow"> <h3>El Aceite</h3> <p>El aceite de oliva, nuestra pasin...</p> </div> </a> </div> <div class="w3-col l3 m6 w3-padding-large"> <a href="produccion.html" style="text-decoration:none"> <div class="w3-dark-grey w3-padding-large w3-hover-shadow"> <h3>Producci&oacute;n</h3> <p>Ms que un trabajo una vocacin...</p> </div> </a> </div> <div class="w3-col l3 m6 w3-padding-large"> <a href="productos.html" style="text-decoration:none"> <div class="w3-black w3-padding-large w3-hover-shadow" style="background-color:DarkOliveGreen!important"> <h3>Productos</h3> <p>Directamente desde f&aacute;brica...</p> </div> </a> </div> </div> <div> <p>&nbsp;</p> <p>&nbsp;</p> </div> <!-- Footer --> <footer class="w3-container w3-padding-32 w3-light-grey w3-center"> <img src="img/iso9001-2008.png" style="float:left"> <p>S.C.A. San Jos&eacute;</p> <p class="w3-small">Calle Crist&oacute;bal Col&oacute;n, 86<br>23650 Torredonjimeno (Ja&eacute;n)<br>Telf. 953 571 166</p> </footer> <script> // Slideshow script var slideIndex = 1; showDivs(slideIndex); function plusDivs(n) { showDivs(slideIndex += n); } function currentDiv(n) { showDivs(slideIndex = n); } function showDivs(n) { var i; var x = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("demodots"); if (n > x.length) {slideIndex = 1} if (n < 1) {slideIndex = x.length} ; for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" w3-white", ""); } x[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " w3-white"; } </script> </body> </html>