Archivado/Surfagua_Web
Archived
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- fondo en azul

Browse Source 
- color para los links de navegación también en azul
- mejorada la visibilidad de la web en móviles y tabletas
- el texto no se solapa con las fotos en móviles y tabletas

git-svn-id: https://192.168.0.254/svn/Proyectos.Surfagua_Web/trunk@5 7b1a0c54-578e-1249-b6f1-9f437cf0f32b
This commit is contained in:
David Arranz 2013-07-03 17:00:48 +00:00
parent c879fec870
commit d4abee9a72
18 changed files with 117 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
doc/handwriting-markerlitterbox-icg-regular.ttf → doc/Fuentes/handwriting-markerlitterbox-icg-regular.ttf
View File

0
doc/hectic.ttf → doc/Fuentes/hectic.ttf
View File

0
doc/ESCUELA.psd → doc/PSD/ESCUELA.psd
View File

BIN
doc/FILOSOFIA.psd → doc/PSD/FILOSOFIA.psd
View File

Binary file not shown.

0
doc/LA TIENDA.psd → doc/PSD/LA TIENDA.psd
View File

0
doc/LINKS.psd → doc/PSD/LINKS.psd
View File

0
doc/MONITORES.psd → doc/PSD/MONITORES.psd
View File

0
doc/Plantilla WEB agua.psd → doc/PSD/Plantilla WEB agua.psd
View File

0
doc/TARIFAS.psd → doc/PSD/TARIFAS.psd
View File

2
src/404.html
View File

@ -164,7 +164,7 @@
<li><a href="la-escuela.html">La escuela</a></li>
<li><a href="monitores.html">Monitores</a></li>
<li><a href="la-tienda.html">La tienda</a></li>
<li><a href="galería.html">Galería</a></li>
<li><a href="galeria.html">Galería</a></li>
<li><a href="links-amigos.html">Links amigos</a></li>
</ul>
</div>

89
src/css/main.css
View File

@ -16,12 +16,12 @@ body {
}
::-moz-selection {
background: #fafd05;
background: #b9e9e7;
text-shadow: none;
}
::selection {
background: #fafd05;
background: #b9e9e7;
text-shadow: none;
}
@ -61,7 +61,7 @@ a {
}
a:hover {
color: #fafd05;
color: #b9e9e7;
}
h1, h2, h3, h4 {
@ -75,7 +75,7 @@ h1, h2, h3, h4 {
body {
font: 21px/30px Hectic, serif;
color: #3b3b3b;
background: #585858; /*url("../img/background-general.jpg");*/
background: #a3c5c4; /*url("../img/background-general.jpg");*/
overflow: hidden;
}
@ -88,7 +88,7 @@ body {
.general-container {
text-align: center;
padding-top: 50px;
padding-top: 25px;
}
.main-container {
@ -160,6 +160,9 @@ body {
font: 30px/24px MarkerLitterBox, serif;
}
.footer-container footer span {
font: 36px/24px MarkerLitterBox, serif;
}
/* ==============
Menu
@ -182,7 +185,7 @@ nav a {
}
nav a.current {
color: #fafd05;
color: #b9e9e7;
}
/* ==============
@ -251,15 +254,17 @@ nav a.current {
========================================================================== */
.inicio {
background: #585858;
background: #a3c5c4;
}
.inicio .main-container {
width: 600px;
height: 414px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background: #585858;
text-align: center;
}
.inicio .main-container a {
margin: 0 auto;
display: inline-block;
}
.filosofia .main-container {
@ -289,6 +294,10 @@ nav a.current {
margin-top: 0;
}
.la-tienda .main article {
margin-top: 110px;
}
.la-tienda .main-container {
background: #7f7f7f url('../img/background-la-tienda.jpg') no-repeat right top;
}
@ -303,6 +312,9 @@ nav a.current {
margin-top: 0;
}
.la-tienda .footer-container footer p {
}
.links-amigos .main-container {
background: #7f7f7f url('../img/background-links.jpg') no-repeat right top;
@ -312,12 +324,16 @@ nav a.current {
background: #7f7f7f url('../img/background-monitores.jpg') no-repeat right top;
}
.monitores .main article {
margin-right: 40px;
}
.monitores .main article section h3 {
margin-bottom: 0;
}
.monitores .main article section h3:first-of-type {
text-indent: 80px;
text-indent: 100px;
margin-top: 0;
}
@ -334,6 +350,10 @@ nav a.current {
font-weight: normal;
}
.tarifas .main article section h3 {
margin-left: 40px;
}
/* ==========================================================================
Tabla
@ -354,7 +374,7 @@ nav a.current {
}
.lista tr:hover {
background: #fafd05;
background: #b9e9e7;
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
@ -537,3 +557,44 @@ nav a.current {
page-break-after: avoid;
}
}
/* ==========================================================================
Other medias
========================================================================== */
/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.footer-container footer p {
font: 18px/24px Hectic, serif;
margin-right: 2em;
text-indent: -3em;
margin-top: 0.5em;
}
.footer-container footer a {
font: 26px/24px MarkerLitterBox, serif;
}
.footer-container footer span {
font: 36px/24px MarkerLitterBox, serif;
}
}
/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
.footer-container footer p {
font: 18px/24px Hectic, serif;
margin-right: 2em;
text-indent: -3em;
margin-top: 0.5em;
}
.footer-container footer a {
font: 26px/24px MarkerLitterBox, serif;
}
.footer-container footer span {
font: 36px/24px MarkerLitterBox, serif;
}
}

12
src/filosofia.html
View File

@ -8,7 +8,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Filosofía | AWA Escuela de Surf y Sup</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=1044">
<link rel="icon" href="favicon.ico" type="image/x-icon">
@ -31,12 +31,12 @@
<h1 class="title">Agua Surf y Cosas</h1>
<nav>
<ul>
<li><a class="current" href="filosofia.html">Filosofía</a></li>
<li><a class="current" href="filosofia.html">Filosofia</a></li>
<li><a href="tarifas.html">Tarifas</a></li>
<li><a href="la-escuela.html">La escuela</a></li>
<li><a href="monitores.html">Monitores</a></li>
<li><a href="la-tienda.html">La tienda</a></li>
<li><a href="galería.html">Galería</a></li>
<li><a href="galeria.html">Galeria</a></li>
<li><a href="links-amigos.html">Links amigos</a></li>
</ul>
</nav>
@ -53,7 +53,7 @@
<article>
<section>
<h3>Disfrutar del AGUA? Surfear?</h3>
<p>Y todo ello de la forma mas exclusiva y cómoda posible?<br/>
<p>Y todo ello de la forma mas exclusiva y comoda posible?<br/>
Eso es lo que te ofrecemos en la escuela de surf AWA.</p>
<p>Aprendizaje individualizado al mismo precio que<br/>
@ -62,14 +62,14 @@
<p>Comodidad ante todo, nosotros te llevamos<br/>
todo a la playa.<br/>
Todo todo hasta el refrigerio.<br/>
Eso si la ilusiÓn por aprender<br/>
Eso si la ilusion por aprender<br/>
corre de tu cuenta. </p>
</section>
</article>
<div class="footer-container">
<footer class="wrapper">
<p>Calle Calabazas 26 > Suesa > Cantabria (Junto al Cementerio)<br/>tlfs: 607 382 604> 661 962 924 Mail: <a href="info@surfagua.com">info@surfagua.com</a></p>
<p>Calle Calabazas 26 <span>&gt;</span> Suesa <span>&gt;</span> Cantabria (Junto al Cementerio)<br/>tlfs: 607 382 604 <span>&gt;</span> 661 962 924 Mail: <a href="info@surfagua.com">info@surfagua.com</a></p>
</footer>
</div>
</div> <!-- #main -->

2
src/index.html
View File

@ -12,7 +12,7 @@
<link rel="icon" href="favicon.ico" type="image/x-icon">
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=1044">
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/fonts.css">

18
src/la-escuela.html
View File

@ -8,7 +8,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>La escuela | AWA Escuela de Surf y Sup</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=1044">
<link rel="icon" href="favicon.ico" type="image/x-icon">
@ -31,12 +31,12 @@
<h1 class="title">Agua Surf y Cosas</h1>
<nav>
<ul>
<li><a href="filosofia.html">Filosofía</a></li>
<li><a href="filosofia.html">Filosofia</a></li>
<li><a href="tarifas.html">Tarifas</a></li>
<li><a class="current" href="la-escuela.html">La escuela</a></li>
<li><a href="monitores.html">Monitores</a></li>
<li><a href="la-tienda.html">La tienda</a></li>
<li><a href="galería.html">Galería</a></li>
<li><a href="galeria.html">Galeria</a></li>
<li><a href="links-amigos.html">Links amigos</a></li>
</ul>
</nav>
@ -55,23 +55,23 @@
<h3>La escuela AWA</h3>
<p>Nos encontramos en Suesa, justo antes de las localidades costeras de Somo y Loredo;<br/>
esto no será inconveniente para ti porque si quieres disfrutar de un curso de surf, te ponemos<br/>
el material en la mismísima arena. Sólo tienes que pasarte por nuestra sede de camino<br/>
a la playa para formalizar la inscripción, elegir el horario que mejor te venga y nosotros<br/>
te llevamos tu tabla, tu traje y sólo te quedaría DISFRUTAR!!</p>
el material en la mismísima arena. Solo tienes que pasarte por nuestra sede de camino<br/>
a la playa para formalizar la inscripcion, elegir el horario que mejor te venga y nosotros<br/>
te llevamos tu tabla, tu traje y solo te quedaría DISFRUTAR!!</p>
<p>Nuestras clases son perfectas para el aprendizaje, y con la ESCUELA DE SURF AGUA<br/>
encontrarás el servicio que ninguna otra escuela te podrá ofrecer debido a que contamos<br/>
encontrarás el servicio que ninguna otra escuela te podra ofrecer debido a que contamos<br/>
con un monitor para cada 6 alumnos con un máximo de 12 personas por clase.</p>
<p>Podrás disfrutar de nuestras clases de surf en las playas de Loredo, Somo y Langre.<br/>
Y las clases de SUP de iniciación, en el increíble paraje de la ría de Cubas.</p>
Y las clases de SUP de iniciacion, en el increíble paraje de la ria de Cubas.</p>
</section>
</article>
<div class="footer-container">
<footer class="wrapper">
<p>Calle Calabazas 26 > Suesa > Cantabria (Junto al Cementerio)<br/>tlfs: 607 382 604> 661 962 924 Mail: <a href="info@surfagua.com">info@surfagua.com</a></p>
<p>Calle Calabazas 26 <span>&gt;</span> Suesa <span>&gt;</span> Cantabria (Junto al Cementerio)<br/>tlfs: 607 382 604 <span>&gt;</span> 661 962 924 Mail: <a href="info@surfagua.com">info@surfagua.com</a></p>
</footer>
</div>
</div> <!-- #main -->

22
src/la-tienda.html
View File

@ -8,7 +8,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>La tienda | AWA Escuela de Surf y Sup</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=1044">
<link rel="icon" href="favicon.ico" type="image/x-icon">
@ -31,12 +31,12 @@
<h1 class="title">Agua Surf y Cosas</h1>
<nav>
<ul>
<li><a href="filosofia.html">Filosofía</a></li>
<li><a href="filosofia.html">Filosofia</a></li>
<li><a href="tarifas.html">Tarifas</a></li>
<li><a href="la-escuela.html">La escuela</a></li>
<li><a href="monitores.html">Monitores</a></li>
<li><a class="current" href="la-tienda.html">La tienda</a></li>
<li><a href="galería.html">Galería</a></li>
<li><a href="galeria.html">Galeria</a></li>
<li><a href="links-amigos.html">Links amigos</a></li>
</ul>
</nav>
@ -53,20 +53,20 @@
<article>
<section>
<h3>LA TIENDA:</h3>
<p>Como el resto de cosas que ofrecemos, nuestra TIENDA tiene un “algo” especial.<br/>
Claro que encontrarás las mejores marcas de ropa y material de surf pero no sólo<br/>
<p>Como el resto de cosas que ofrecemos, nuestra TIENDA tiene un "algo" especial.<br/>
Claro que encontraras las mejores marcas de ropa y material de surf pero no solo<br/>
el deporte tiene cabida en nuestra tienda; los complementos y COSAS hand-made<br/>
chulas las encontrarás aquí.</p>
<p>Tablas, bolsos, parafina, skates, bikinis, camisetas, alpargatas, escuela de SUP, sudaderas,<br/>
inventos, neoprenos, chanclas, grips, playeras, gafas de sol, cuadernos, relojes,<br/>
bodyboards, y mucho más....<br/>
...si no lo encuentras pregúntanos</p>
chulas las encontrarás aqui.</p>
<p>Tablas, bolsos, parafina, skates, bikinis, camisetas, alpargatas, escuela de SUP,<br/>
sudaderas, inventos, neoprenos, chanclas, grips, playeras, gafas de sol, cuadernos,<br/>
relojes, bodyboards, y mucho mas....<br/>
...si no lo encuentras preguntanos</p>
</section>
</article>
<div class="footer-container">
<footer class="wrapper">
<p>Calle Calabazas 26 > Suesa > Cantabria (Junto al Cementerio)<br/>tlfs: 607 382 604> 661 962 924 Mail: <a href="info@surfagua.com">info@surfagua.com</a></p>
<p>Calle Calabazas 26 <span>&gt;</span> Suesa <span>&gt;</span> Cantabria (Junto al Cementerio)<br/>tlfs: 607 382 604 <span>&gt;</span> 661 962 924 Mail: <a href="info@surfagua.com">info@surfagua.com</a></p>
</footer>
</div>
</div> <!-- #main -->

8
src/links-amigos.html
View File

@ -8,7 +8,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Links amigos | AWA Escuela de Surf y Sup</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=1044">
<link rel="icon" href="favicon.ico" type="image/x-icon">
@ -31,12 +31,12 @@
<h1 class="title">Agua Surf y Cosas</h1>
<nav>
<ul>
<li><a href="filosofia.html">Filosofía</a></li>
<li><a href="filosofia.html">Filosofia</a></li>
<li><a href="tarifas.html">Tarifas</a></li>
<li><a href="la-escuela.html">La escuela</a></li>
<li><a href="monitores.html">Monitores</a></li>
<li><a href="la-tienda.html">La tienda</a></li>
<li><a href="galería.html">Galería</a></li>
<li><a href="galeria.html">Galeria</a></li>
<li><a class="current" href="links-amigos.html">Links amigos</a></li>
</ul>
</nav>
@ -59,7 +59,7 @@
<div class="footer-container">
<footer class="wrapper">
<p>Calle Calabazas 26 > Suesa > Cantabria (Junto al Cementerio)<br/>tlfs: 607 382 604> 661 962 924 Mail: <a href="info@surfagua.com">info@surfagua.com</a></p>
<p>Calle Calabazas 26 <span>&gt;</span> Suesa <span>&gt;</span> Cantabria (Junto al Cementerio)<br/>tlfs: 607 382 604 <span>&gt;</span> 661 962 924 Mail: <a href="info@surfagua.com">info@surfagua.com</a></p>
</footer>
</div>
</div> <!-- #main -->

12
src/monitores.html
View File

@ -8,7 +8,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Monitores | AWA Escuela de Surf y Sup</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=1044">
<link rel="icon" href="favicon.ico" type="image/x-icon">
@ -31,12 +31,12 @@
<h1 class="title">Agua Surf y Cosas</h1>
<nav>
<ul>
<li><a href="filosofia.html">Filosofía</a></li>
<li><a href="filosofia.html">Filosofia</a></li>
<li><a href="tarifas.html">Tarifas</a></li>
<li><a href="la-escuela.html">La escuela</a></li>
<li><a class="current" href="monitores.html">Monitores</a></li>
<li><a href="la-tienda.html">La tienda</a></li>
<li><a href="galería.html">Galería</a></li>
<li><a href="galeria.html">Galeria</a></li>
<li><a href="links-amigos.html">Links amigos</a></li>
</ul>
</nav>
@ -53,12 +53,12 @@
<article>
<section>
<h3>Surf:</h3>
<p>Contamos con monitores de surf titulados por la FCS Federación Cántabra de Surf en<br/>
<p>Contamos con monitores de surf titulados por la FCS Federacion Cántabra de Surf en<br/>
las últimas promociones y en constante aprendizaje</p>
<h3>Sup:</h3>
<p>Para impartir los cursos de stand up Paddle contamos con monitores titulados<br/>
por la IOSUP international organization of stand up paddle.y además tenemos<br/>
por la IOSUP international organization of stand up paddle. Y ademas tenemos<br/>
el privilegio de tener como instructora de este deporte a la actual<br/>
subcampeona de España, Bárbara de la Maza.</p>
</section>
@ -66,7 +66,7 @@
<div class="footer-container">
<footer class="wrapper">
<p>Calle Calabazas 26 > Suesa > Cantabria (Junto al Cementerio)<br/>tlfs: 607 382 604> 661 962 924 Mail: <a href="info@surfagua.com">info@surfagua.com</a></p>
<p>Calle Calabazas 26 <span>&gt;</span> Suesa <span>&gt;</span> Cantabria (Junto al Cementerio)<br/>tlfs: 607 382 604 <span>&gt;</span> 661 962 924 Mail: <a href="info@surfagua.com">info@surfagua.com</a></p>
</footer>
</div>
</div> <!-- #main -->

8
src/tarifas.html
View File

@ -8,7 +8,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Tarifas | AWA Escuela de Surf y Sup</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=1044">
<link rel="icon" href="favicon.ico" type="image/x-icon">
@ -31,12 +31,12 @@
<h1 class="title">Agua Surf y Cosas</h1>
<nav>
<ul>
<li><a href="filosofia.html">Filosofía</a></li>
<li><a href="filosofia.html">Filosofia</a></li>
<li><a class="current" href="tarifas.html">Tarifas</a></li>
<li><a href="la-escuela.html">La escuela</a></li>
<li><a href="monitores.html">Monitores</a></li>
<li><a href="la-tienda.html">La tienda</a></li>
<li><a href="galería.html">Galería</a></li>
<li><a href="galeria.html">Galeria</a></li>
<li><a href="links-amigos.html">Links amigos</a></li>
</ul>
</nav>
@ -89,7 +89,7 @@
<div class="footer-container">
<footer class="wrapper">
<p>Calle Calabazas 26 > Suesa > Cantabria (Junto al Cementerio)<br/>tlfs: 607 382 604> 661 962 924 Mail: <a href="info@surfagua.com">info@surfagua.com</a></p>
<p>Calle Calabazas 26 <span>&gt;</span> Suesa <span>&gt;</span> Cantabria (Junto al Cementerio)<br/>tlfs: 607 382 604 <span>&gt;</span> 661 962 924 Mail: <a href="info@surfagua.com">info@surfagua.com</a></p>
</footer>
</div>
</div> <!-- #main -->